【问题标题】:JQuery: get radio button valueJQuery:获取单选按钮值
【发布时间】:2013-08-26 16:51:28
【问题描述】:

我有以下 HTML:

HTML:

<input type="radio" name="abc" value="0" selected="selected" style="display:none" />
<input type="radio" name="abc" value="1" />1+
<input type="radio" name="abc" value="2" />2+
<input type="radio" name="abc" value="3" />3+

JQuery 获取选中的单选按钮

$('input:radio[name=abc]:checked').val();

为什么在用户选择单选按钮之前,上面的代码在页面加载时不起作用?这很奇怪,因为上面的代码在用户选择了单选按钮后才起作用。

在我看来,我已将默认单选按钮值设置为 0,但如果你

意思是,如果单选按钮的值被选中,则返回选中的值——否则返回0(当没有选中任何值时)

【问题讨论】:

  • $(document).ready()里面有代码吗?
  • @StaceyH 这是你第四次问这个问题。如果您需要澄清,请编辑上一个问题。
  • @mway - 不,我应该吗?如果有,为什么?
  • @StaceyH 您在过去 1 小时内发布了 3 个非常相似的问题。你不必那样做。您可以只编辑原始问题以添加新信息,例如后续问题...

标签: javascript jquery


【解决方案1】:

您使用了错误的属性。对于单选按钮,您必须使用checked 属性而不是selected 属性。

<input type="radio" checked="checked">  

或者只是:

<input type="radio" checked>

【讨论】:

  • @StaceyH,您应该按照@Šime 的建议进行操作,并将selected 更改为checked。 @jnpcl,也许有点太苛刻了;我不认为@StaceyH 故意迟钝。
  • @David:阅读@lonesomeday 对最初问题的第一条评论。
  • 用 OP 的原始 JQuery 尝试你的智慧: $('input:radio[name=abc]:checked').val();它奏效了! @Ashish Babu 我尝试了您的 JQuery,但无法正常工作。
【解决方案2】:

首先更正属性以检查并删除错误的选定属性,然后使用以下代码。 t 将在单击按钮时获取单选按钮的选定值。 前为列表

   $("#btn").click(function() {
        $('input[type="radio"]:checked').val();
        });

【讨论】:

    【解决方案3】:

    收音机的属性是checked,而不是selected

    <input type="radio" name="abc" value="0" checked="checked" style="display:none" />
    <input type="radio" name="abc" value="1" />1+
    <input type="radio" name="abc" value="2" />2+
    <input type="radio" name="abc" value="3" />3+
    

    【讨论】:

      猜你喜欢
      • 2012-01-27
      • 2013-10-14
      • 1970-01-01
      • 2016-05-08
      • 2015-03-28
      • 2012-12-15
      • 2015-12-26
      • 2011-05-07
      相关资源
      最近更新 更多