Question

我很难过。 ID号始终会更改（这种情况下为_t2342），所以我无法正确选择它。我正在尝试使用JavaScript从输入字段中删除“ checked =“ true”。可能吗？我只有2个项目的数组。

<table id="inputFormPopup:_t2342">
  <tbody>
    <tr>
      <td>
        <input checked="true" id="inputFormPopup:_t2342:0" name="inputFormPopup:_t2342" onchange="document.getElementById('inputFormPopup:submitInptExtendPricing').click();document.getElementById('inputFormPopup').reset();" type="radio" value="ef">
        <label
          for="inputFormPopup:_t2342:0"> Effective Date</label>
      </td>
    </tr>
    <tr>
      <td>
        <input id="inputFormPopup:_t2342:1" name="inputFormPopup:_t2342" onchange="document.getElementById('inputFormPopup:submitInptExtendPricing').click();document.getElementById('inputFormPopup').reset();" type="radio" value="ex"><label for="inputFormPopup:_t2342:1"> Expiration Date</label></td>
    </tr>
    <tr>
      <td>

    </tr>
  </tbody>
</table>

Answer 1

获取DOM元素并将checked属性设置为true，如下所示：

var $button = document.getElementById('inputFormPopup:_t2342:1')
$button.setAttribute('checked',true);//this will check the radio
//$button.setAttribute('checked',false);//this will uncheck the radio

Answer 2

如果ID发生变化，则可以考虑使用jquery选择按钮。例如： $('table > tr > td > input[type=radio]').setAttribute('checked', false);

Answer 3

如果页面中只有一个表，则可以从表开始选择目标元素：

document.querySelector('table input[type=radio][checked=true]').checked = false;

或使用属性以选择器开头：

document.querySelector('table[id^=inputFormPopup] input[type=radio][checked=true]').checked = false;

如何取消选中JS中的单选按钮？

3 个答案: