码迷,mamicode.com
首页 > Web开发 > 详细

jQuery mobile 问题集合

时间:2015-08-20 10:15:22      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

1:checkbox的全选与反选

html代码

<form>
            <fieldset data-role="controlgroup" data-iconpos="left">            
            <input type="checkbox" name="cbAll" id="cbAll">            
            <label for="cbAll" class="bold"><ul class="ub-f1 tx-c ubb ub ub-ver bold">
             <ul class="ulev2 ub"><li class="ub-f1 widL">设备名称</li><li class="ub-f1 widC">设备类型</li><li class="ub-f1 widR">设备品牌</li></ul></ul></label>
            <input type="checkbox" name="subBox" id="cbTwo">
            <label for="cbTwo">
            <ul class="ub-f1 tx-c ub ub-ver pointer">
             <ul class="ulev1 ub"><li class="ub-f1 widL">台式机</li><li class="ub-f1 widC">办公用品</li><li class="ub-f1 widR">联想</li></ul></ul></label>             
            <input type="checkbox" name="subBox" id="cbThree">
            <label for="cbThree">
             <ul class="ub-f1 tx-c ub ub-ver pointer">
             <ul class="ulev1 ub">
             <li class="ub-f1 widL">打印机</li><li class="ub-f1 widC">办公用品</li><li class="ub-f1 widR">佳能</li></ul></ul></label>
            <input type="checkbox" name="subBox" id="cbFour">
            <label for="cbFour">
            <ul class="ub-f1 tx-c ub ub-ver pointer">
             <ul class="ulev1 ub">
             <li class="ub-f1 widL">IPAD</li><li class="ub-f1 widC">电子产品</li><li class="ub-f1 widR">IPHONE</li></ul></ul></label>
            </div>
            </fieldset>
            </form>

js 代码

$("#cbAll").click(function(){
            if($("#cbAll").is(":checked")){
            $("[name=‘subBox‘]").attr( "checked", true ).checkboxradio( "refresh" );
            }else{
            $("[name=‘subBox‘]").attr( "checked", false ).checkboxradio( "refresh" );
            }    
        });

 

jQuery mobile 问题集合

标签:

原文地址:http://www.cnblogs.com/dreamzcy/p/4744263.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!