layuiチェックボックスのチェックボックスが選択選択を実現しました

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>タイトル</ タイトル> 
    < リンクのrel = "スタイルシート" のhref = "layui / CSS / layui.css" メディア= "すべて" > 
</ ヘッド> 
< 身体> 

< フォームのクラス= "layuiフォーム" > 
    <
        入力レイスキン= "主" タイプ= "チェックボックス" ID = "checkall" 名前= "タイプ" レイフィルタ= "allChoose" 値= "checkall" /> < スパン>全选</ スパン> </ DIV > 
    < divのクラス= "さがすボックス" > 
        < UL > 
            < 李> < 入力レイスキン= "主" タイプ= "チェックボックス" 名前= "like1 [AAA]"値= "AAA" /> < スパン> AAA </スパン> </ 李> 
            < リチウム> < 入力レイ皮膚= "プライマリ" タイプ= "チェックボックス" 名前= "like1 [BBB]" 値= "BBB" /> < スパン> BBB </ スパン> </ 李> 
            < リチウム> < 入力皮膚レイ= "プライマリ" タイプ= "チェックボックス" 名前= "like1 [CCC]" 値= "CCC" /> < スパン> CCC </ スパン></ 李> 
            < 李> <入力レイスキン= "主" タイプ= "チェックボックス" 名前= "[DDD] like1" 値= "DDD" /> < スパン> DDD </ スパン> </ 李> 
        </ UL > 
    </ DIV > 
</ 形態> 

< スクリプトSRC = "layui / layui.all.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" > 

    layui.use（[ ' 形態' 、' jqueryの' ]、関数（）{
         VARの形式= layui.form。
        VAR $ = layui.jquery。
        // 点击全选、勾选
        form.on（' チェックボックス（allChoose）' 、関数（データ）{
             VARの子= $（" .seachボックス入力[タイプ= 'チェックボックス'] " ）; 
            child.each（関数（インデックス、項目）{ 
                item.checked = data.elem.checked; 
            }）; 
            form.render（' チェックボックス'）; 
        }）; 
    }）; 
</ スクリプト> 

</ ボディ> 
</ HTML >

 

 

レンダリング