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

时间:2022-12-04 23:22:56

一、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")属性

参考链接:按钮组