Question

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

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

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

点击RadioButton两次后，隐藏名为“员工表”的Table，点击RadioButton时，显示Table。

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

Answer 1

不确定.NET，但在Classic ASP中你会写一个像这样的变量＆lt;％= customerID％＆gt;。

在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

单选按钮按其名称属性分组，如此（source）。

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

jquery中的单选按钮控件

2 个答案: