• 主页
  • 如何使重置/清除单选按钮JS但不包括1个单选按钮

如何使重置/清除单选按钮JS但不包括1个单选按钮

我想做4行单选按钮,行1,行2,行3和最后一行

如果我点击重置按钮,单选按钮回到它的正常选择(选中或取消选中),但我想使行1不受影响(不重置),因为此脚本重置/清除所有单选按钮

谢谢

?

$('#reset').on('click', function() {
  $('input[type=radio]').prop('checked', function() {
    return this.getAttribute('checked') == 'checked';
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="radio" name="rdo1" value="a" checked="checked" /> A
      <input type="radio" name="rdo1" value="b" /> B
      <input type="radio" name="rdo1" value="c" /> C
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" name="rdo2" value="1" /> 1
      <input type="radio" name="rdo2" value="2" checked="checked" /> 2
      <input type="radio" name="rdo2" value="3" /> 3
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" name="rdo3" value="1a" /> 1a
      <input type="radio" name="rdo3" value="2b" /> 2b
      <input type="radio" name="rdo3" value="3c" checked="checked" /> 3c
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" name="rdo4" value="11a" /> 1a
      <input type="radio" name="rdo4" value="12b" /> 2b
      <input type="radio" name="rdo4" value="13c" /> 3c
    </td>
  </tr>
  <tr>
    <td>
      <button id="reset">Reset</button>
    </td>
  </tr>
</table>

?

转载请注明出处:http://www.jxbyjx.net/article/20230521/2108732.html