如何使用JQuery选择单选按钮

Question

我使用<c:forEach>标签创建了一组单选按钮。我也给了ids。

点击任何单选按钮，我进行ajax通话。一旦我回到那个页面，我想重新选择那个单选按钮。

为此，我将选定的单选按钮ID分配回隐藏文本框。

我的问题是如何使用此隐藏文本框值选择单选按钮。

我试过

$('input[id="$("#myHiddenTextBoxId").val()"]').attr('checked', true);

但它不起作用。这里myHiddenTextBoxId保存先前选择的单选按钮的值。

Answer 1

您将所有内容作为字符串发送 - 您需要将其拆分

$(document).ready(function() {
   $('input[id="' + $("#myHiddenTextBoxId").val() + '"]').prop('checked',true);
});

从jQuery 1.6开始应该使用

prop() - ＆gt; http://api.jquery.com/prop/

注意还要确保您的代码包含在$(document).ready()函数中，以确保在尝试操作之前DOM已准备就绪。

Answer 2

试试这个：

$('input[id="' + $("#myHiddenTextBoxId").val() + '"]').prop('checked', true);

您不能在选择器字符串中使用jquery函数调用（$("#myHiddenTextBoxId").val()）。

工作示例here。

---

注意：

以这种方式使用.attr（）：.attr('checked', 'checked')
但是，对于特殊属性（如已选中或已禁用），请使用.prop('checked', true)（jquery 1.6 +）

Answer 3

$('#myHiddenTextBoxId').prop('checked', true);