jquery 中的单选按钮控件

Question

我是 Web 开发和 jQuery 的新手。
我正在尝试构建一个包含两个 RadioButton 控件的 ASPX 页面，这些控件必须执行以下操作：

在页面加载时，必须根据 ASPX 页面上对象的标志选择两者之一。我们称之为 customer.Id。如果 Id 为 true，则必须设置 select RadioButton 1，否则必须设置 select RadioButton 2。

页面加载后的任何时候，用户选择一个 RadioButton 时，必须取消选择另一个。

当单击 RadioButton 2 时，隐藏名为“employee table”的 Table，当单击 RadioButton 1 时，显示该 Table代码>.

谁能告诉我如何在 jQuery 函数中获得此功能？

Answer 1

不确定 .NET，但在经典 ASP 中，您可以编写这样的变量 <%=customerID%>。

在 jQuery 中，我认为你可以做这样的事情：

<input type="radio" id="radio1"> Yes
<input type="radio" id="radio2"> No

<table border="1" id="employeeTable">
    <tr><td>This is the table</td></tr>
</table>

...然后一些 jQuery：

$(document).ready(function() {
    var customerID = <%=customerID%> // asp variable

    if (customerID != "") {
        $('#radio1').prop('checked', 'checked');
    } else {
        $('#radio2').prop('checked', 'checked');
    }

    $('#radio1').click(function() {
        $('#employeeTable').fadeIn('fast');
    })

    $('#radio2').click(function() {
        $('#employeeTable').fadeOut('fast');
    })
})

你可以在这里看/玩： http://jsfiddle.net/qcLtX/7/

尝试将 customerID 值更改为空，例如 var customerID = ""。

祝你好运

更新

我使用 .prop 的地方：如果您使用的是 jQuery 版本 1.6 或更高版本，则应该使用 .prop，否则，使用.attr。

Answer 2

单选按钮按其名称属性进行分组，如下所示（源）。

<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

如果单选按钮已分组，则选择其中任何一个都会自动取消选择该组中的所有其他按钮。

因此按钮不能有不同的名称。如果你想区分单选按钮（不引用它们的值），你应该添加一个 id。

<input type="radio" name="sex" id="m" value="male" />

您可以在标记中以声明方式或使用 jquery 在页面加载上设置选定的单选按钮。

声明式版本：

<input type="radio" checked="checked" name="sex" value="male" />

jQuery：

$(document).ready(function(){
    $("#m").attr("checked", "checked");
});