、パート選挙を実現するためのチェックボックスを選択し、ラジオ

グローバルとラジオを選択し、次の2つの関係：

私は選挙がすべての状態の選択であるべきときに、すべての無線機を置くことを選択した1、

2、私はラジオをキャンセルする場合、全体の選挙はキャンセルされなければならない状態

2図以下のグローバルな選択とラジオ不在の間の関係が発生した場合：

 

 ）これだけのボックスをチェックして、自分のニーズに応じて変更することができ、:(より明確かつ簡単にコードを実装するためには、

< DIV > 
  < UL > 
    < 李>  
      <！ - 全选- > 
      < 入力タイプ= "チェックボックス" ID = "すべて" クラス= "parent_check" >全选</ 李> 
  </ UL > 
</ DIV > 
< DIV クラス= "dataBox" > 
  < UL > 
    < 李> 
      < 入力タイプ= "チェックボックス" ID = "checkbox_1"クラス= "son_check" > 
    </李> 
  </ UL > 
  < UL > 
    < 李> 
      < 入力タイプ= "チェックボックス" ID = "checkbox_2" クラス= "son_check" > 
    </ 李> 
  </ UL > 
< DIV >

$（関数（）{ 
    //グローバルチェックし、未チェックのチェックボックススタイル
    $ parentChexbox = $（ 'parent_check '）、// 選択
    $ dataBox = $（'。dataBox '）、// グローバル決定し、関係サブクラス
    $ sonCheckBox = $（ 'son_check。 '）; // 個々のサブクラスを確認する
 
    単一のグローバルな関係を選択する// 
    $ parentChexbox.click（関数（）{ 
        VAR = $ $ checkboxs dataBox.find（「INPUT [タイプ= "チェックボックス"] '）; 
        IF（$（これは）.is（'：チェック「））{ 
            $のcheckboxs.prop（trueに、 "チェック"）; 
        }そうでなければ{ 
            $のcheckboxs.prop（ "チェック"は、 falseに）; 
        } 
    }）; 
    
    $ sonCheckBox.each（関数（）{ 
        $（この）.click（関数（）{ 
            （$（これは）（.is IF '：チェック'を））{））{ 
                //が決定されるすべての個々のかどうかを確認します
                LEN = $ sonCheckBox.length VAR; 
                VAR NUM = 0; 
                $ sonCheckBox.each（関数（）{ 
                    （$（これは）（.is IF '：チェック'を））{ 
                        NUM ++; 
                    } 
                }）; 
                IF（NUM == LEN ）{ 
                    $ parentChexbox.prop（ "確認"、真の）; 
                } 
            }他{ 
                //単一のチェックを外し、世界はすべてのチェックを外し選び
                $ parentChexbox.propを（ "確認"、偽の）; 
            } 
        }）
    }）
}） ;