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);
    }
});

当用户单击"is"时，我会显示一个 div，而当选择“否”时，我会隐藏它。我还想将"is"的选中状态设置为 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>