【问题标题】:How to select Radio button using JQuery如何使用 JQuery 选择单选按钮
【发布时间】:2012-01-06 19:33:11
【问题描述】:

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

单击任何单选按钮时,我会进行 ajax 调用。一旦我回到那个页面,我想重新选择那个单选按钮。

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

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

我试过了

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

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

【问题讨论】:

    标签: jquery radio-button


    【解决方案1】:

    您将其全部作为字符串发送 - 您需要将其拆分

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

    prop() 应该从 jQuery 1.6 开始使用 -> http://api.jquery.com/prop/

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

    【讨论】:

      【解决方案2】:
      $('#myHiddenTextBoxId').prop('checked', true);
      

      【讨论】:

      • @DidierG.:你可能是对的,但我没有看到 OP 提到的 HTML。
      【解决方案3】:

      试试这个:

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

      选择器字符串中不能有 jquery 函数调用 ($("#myHiddenTextBoxId").val())。

      工作示例here


      注意

      以这种方式使用 .attr():.attr('checked', 'checked')
      虽然,对于检查或禁用等特殊属性,请使用 .prop('checked', true) (jquery 1.6+)

      【讨论】:

      • 嗨@Didier G 我尝试了您的解决方案,但没有奏效。它给出了java脚本错误。我试过 .prop()
      • 好吧,我的解决方案有效 (jsfiddle)。您的隐藏字段中保存的 ID 是否正确?
      • 当您尝试重新选择时,您的单选按钮是否存在于 DOM 中?
      猜你喜欢
      • 2011-08-31
      • 1970-01-01
      • 1970-01-01
      • 2013-10-18
      • 2011-07-17
      • 1970-01-01
      • 2011-10-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多