使用jquery动态改变checkbox选中和样式
生活随笔
收集整理的這篇文章主要介紹了
使用jquery动态改变checkbox选中和样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
做權限選中的時候遇到:
<div class="layui-form-item"><label class="layui-form-label">權限</label><div class="layui-input-block">{foreach $menus as $k=>$v}<div><input type="checkbox" lay-filter="checkboxs" class="checkboxs" name="roleids[]" lay-skin="primary" title="{$v['name']}" checked="" value="{$v['id']}"><div class="son">{foreach $v['son'] as $kk=>$vv}<input type="checkbox" lay-filter="checkbox" class="checkbox" name="roleids[]" lay-skin="primary" title="{$vv['name']}" checked="" value="{$vv['id']}">{/foreach}</div></div><div style="height: 15px"></div>{/foreach}</div>
</div>
form.on('checkbox(checkboxs)', function(data){checked=data.elem.checked; //是否被選中,true或者false$(this).next().next().find('.checkbox').each(function (){$(this).prop('checked',checked)form.render();})
});form.on('checkbox(checkbox)', function(data){checked=data.elem.checked; //是否被選中,true或者fals//判斷兄弟check是否還有選中個數var checkednum=0$(this).parent('.son').find('.checkbox').each(function (){if($(this).prop('checked')){checkednum++}})if(checkednum>0){$(this).parent('.son').prev().prev().prop('checked',true)}else{$(this).parent('.son').prev().prev().prop('checked',false)}???????form.render();
???????});
單純記錄分享,不喜勿噴
總結
以上是生活随笔為你收集整理的使用jquery动态改变checkbox选中和样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关键词抽取——结巴分词
- 下一篇: DZ插件之视频解析