使用jQuery重置单选按钮

Question

我有多个单选按钮。在随机选择或勾选单选按钮后，我需要在按钮点击时将单选按钮重置为默认选中或选择的值。我的HTML代码如下：

jQuery

function ResetRdo() {
    // Code to reset ?
}

HTML

<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="button" value="Reset" onclick="ResetRdo()" />
        </td>
    </tr>
</table>

- Lakshmana Kumar

---

检查所有单选按钮的值意味着什么。 - PSR

这意味着我正在选择单选按钮。@ PSR - Lakshmana Kumar

Answer 1

$('input[type=radio]').prop('checked', function () {
    return this.getAttribute('checked') == 'checked';
});

这是示例代码：http://jsfiddle.net/DNUdv/。

- Joseph Silber

Answer 2

这可能会有所帮助。

$("input:checked").removeAttr("checked");

- Anil Shrestha

Answer 3

您可以为每个单选按钮使用唯一的id，例如：

<input type="radio" name="rdo1" id="rdo1_a" value="a" checked="checked" />

现在在函数中：

function ResetRdo() {
    $("#rdo1_a").attr('checked') == 'checked';
}

每个集合使用相同的大小写。

- Harpreet

---

也许你需要使用一个类来代替ID，使用相同的ID并不是一个好主意。 - ssilas777

@ssilas777 我说的是每个单选按钮都有一个唯一的ID。这段代码只是一个示例。 - Harpreet

Answer 4

你可以为复选框设置ID，然后执行以下操作：

  function reset(){ 
   $("#id").attr('checked', 'checked');
  }

- PSR