チェックボックスを選択機能を実現

DOM要素を操作するには：

< 入力タイプ= "チェックボックス" ID = "cbAll" 値= "全て" > 全选
爱好：
< 入力タイプ= "チェックボックス" 名前= "cbHobby" 値= "曲" > 唱歌
 < 入力タイプ= "チェックボックス" 名前= "cbHobby" 値= "ダンス" > 跳舞
 < 入力タイプ= "チェックボックス" 名前= "cbHobby" 値= "遊ぶ" > 玩游戏
 <入力タイプ=「チェックボックス」名前= "cbHobby" 値= "食事" > 吃美食
 < 入力タイプ= "チェックボックス" 名前= "cbHobby" 値= "スリープ" >睡觉

ショーのスタイル：

機能を実現するために：あなたはすべてを選択]をクリックした後、すべてのボックスがチェックされます。

レンダリング：

 

 

jQueryの実装を使用します。

1 $（ "＃cbAll"）をクリック（関数（）{
 2      $（ "入力[NAME = 'cbHobby']"）プロプ（ "チェック"、$（この）.prop（ "チェック" ））;
 3 }）;

 

Javascriptの実装を使用します。

1つの VAR cbAll =のdocument.getElementById（ "cbAll" ）。
2  VAR cbHobby = document.getElementsByName（ 'cbHobby' ）。
3 cbAll.onclick = 関数（）{
 4は     // 循环遍历ために使用
5      cbHobby.forEach（関数（アイテム）{
 6は          = item.checked cbAll.checked;
 7      }）。
8 }