首页 > Web开发 > 详细

jQuery mobile 问题集合

时间:2015-08-20 10:15:15      阅读:192      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!