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();

 

 

 

 參考鏈接：按鈕組