jquery - 选择另一个单选按钮时将单选重置为未选中

Question

使用旧版本的 jQuery (1.3)

我有一个像这样的表格：

    <form id="myForm">
     <input type="radio" id="yes" value="yes" /><label for="yes">Yes</label><br />
     <input type="radio" id="no" value="no" /><label for="no">No</label>
    </form>

我的jQuery如下：

    $('#myForm').change(function() {
    if($('#yes').attr('checked')) {
        $('#lookUp').show();
    }
    else if($('#no').attr('checked')) {
        $('#lookUp').hide();
        $('#yes').attr('checked', false);
    }
});

当用户单击“是”时，我显示一个 div，并在选择“否”时隐藏它。我还想将“是”的选中状态设置为 false，但这不起作用。任何建议将不胜感激。

Answer 1

将输入名称属性设置为相同，以便表单知道它们是相同的 HTML 单选按钮组

 <input type="radio" id="yes" name="whatever" value="yes" /><label for="yes">Yes</label><br />
 <input type="radio" id="no" name="whatever" value="no" /><label for="no">No</label>