js中对radio和checkbox是否选中的判断

一、js判断checkbox

　　例如：<div class="checkbox" style="width: 150px;">

　　　　　　<label><input type="checkbox" class="kcb" data-value="Beige" name="Color Family">Beige</label>

　　　　　</div>

　　$(".checkbox").prop("checked")如果当前是选中状态的则  $(".checkbox").prop("checked") == true（或者 1）

 

二、js判断radio按钮组

<div class="col-md-10 ">
　　<div class="radio">
　　　　<label>
　　　　　　<input type="radio" name="weight" checked="">不修改
　　　　</label>
　　</div>
　　<div class="radio">
　　　　<label>
　　　　　　<input type="radio" id="no-weight" name="weight">不支持
　　　　</label>
　　</div>
　　<div class="radio">
　　　　<label>
　　　　　　<input type="radio" id="self-weight" name="weight">支持
　　　　</label>
　　</div>
</div>

　　首先radio按钮组的name必须是一样的，然后才会保障只选中一个。

　　当然radio也有.prop("checked")属性

　　获取选中的radio的值

 

　　var val=$('input:radio[name="sex"]:checked').val();

 

　　附三种方法都可以：

 

　　　　$('input:radio:checked').val()；
   
　　　　$("input[type='radio']:checked").val();

 

　　　　$("input[name='rd']:checked").val();

 

 

 

 参考链接：按钮组