一组复选框(三个复选框)选择其中一个;只允许选择一个复选框功能实现

HTML脚本

  <div class="col-md-10" id="BoxGroup">
                    <span class="GoodsBarCode" ><input type="checkbox" value="货品"  /><label>货品</label></span>  
                    <span class="BatchBarCode"><input type="checkbox" value="批次码"  /><label>批次码</label></span> 
                    <span class="OneBarCode" > <input type="checkbox" value="唯一码"/><label>唯一码</label></span>  
                </div>

JS脚本

    $(function () {
            $('#BoxGroup').find('input[type=checkbox]').bind('click', function () {
                $(this).attr("checked", true);
 
                $('#checkBoxGroup').find('input[type=checkbox]').not(this).attr("checked", false);
            });

})

 

//取到当前复选框选中的值

   $("#BoxGroup:checkbox[checked]").each(function (i) {
                ImportType= $(this).val();
            });

 


版权声明:本文为weixin_42206447原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。