jsp页面checkbox框中值或事件的操作方式

1.进入页面默认选中一个框(例如全部框,其他框不选中),点击其他框时全部框不选中,其他框可以选中多个,但点击全部框时,其他框又都不选中





        js实现方式
        
        function selectApplyUserType(obj){
             if(obj.id=="userTypeAll" && obj.checked==true){
                  for(var i=1;i<6;i++){
                     $("#userType"+i).attr("checked",false);
                  }
             }else{
                  if(obj.id!="userTypeAll"){
                      $("#userTypeAll").attr("checked",false);
                  }
             }
        }



        <div class="search_txt search_twid pull-left">适用用户类型:</div>
         <div class="search_check pull-left">
           <span>
           <input id="userTypeAll" name="applyUserType" type="checkbox" value="1,2,3,4,5" checked="checked" οnclick="selectApplyUserType(this);">
           <label>全部</label>
           </span> <span>
           <input id="userType1" name="applyUserType" type="checkbox" value="1" οnclick="selectApplyUserType(this);">
           <label>司机</label>
           </span> <span>
           <input id="userType2" name="applyUserType" type="checkbox" value="2" οnclick="selectApplyUserType(this);">
           <label>个人货主</label>
           </span><span>
           <input id="userType3" name="applyUserType" type="checkbox" value="3" οnclick="selectApplyUserType(this);">
           <label>企业货主</label>
           </span> <span>
           <input id="userType4" name="applyUserType" type="checkbox" value="4" οnclick="selectApplyUserType(this);">
           <label>货运信息部</label>
           </span> <span>
           <input id="userType5" name="applyUserType" type="checkbox" value="5" οnclick="selectApplyUserType(this);">
           <label>物流公司</label>
           </span>
         </div>

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值