【问题标题】:Check if a radio button is checked jquery [duplicate]检查是否选中了单选按钮jquery [重复]
【发布时间】:2013-03-09 23:06:16
【问题描述】:

我有这个 HTML:

<input type="radio" name="test" id="test" value="1"><br>
<input type="radio" name="test" id="test" value="2"><br>
<input type="radio" name="test" id="test" value="3"><br>

<input type="button" onclick="CreateJobDo">

当页面加载时,它们都不会被检查。我想使用 jQuery 来检查按下按钮时是否选中了其中一​​个单选按钮。

我有这个:

function CreateJobDo(){
    if ($("input[@name=test]:checked").val() == 'undefined') {

        // go on with script

    } else {

        // NOTHING IS CHECKED
    }
}

但这不起作用。如何让它工作?

【问题讨论】:

  • ID必须是唯一的。
  • @LightnessRacesinOrbit 他想检查他的任何单选框是否被选中,目前他的测试语句不起作用。
  • 好吧,也许您有一个旧版本的问题,因为您的报价不在其中? “当页面加载时,它们都不会被选中。我使用 Jquery 检查是否选中了其中一​​个单选按钮?” - 假设他“想使用 JQuery”。
  • 对不起,愚蠢的上下文 :) 我在它下面有一个按钮,它必须检查是否选中了一个单选按钮。
  • 这会询问单选按钮,而重复的问题会询问复选框。我(现在)知道两者都使用相同的 :checked 语法,但确认它令人困惑。他们应该被留下单独的问题。

标签: jquery


【解决方案1】:

首先,只有一个id="test"

其次,试试这个:

if ($('[name="test"]').is(':checked'))

【讨论】:

  • name="test" 不是错字吗?我相信正确的 onw 是 ($('[id="test"]').is(':checked'))
  • 别想太多。你永远不会做$('[id="test"]') 你会做$('#test')
  • 我也有同样的情况,这个答案对我有帮助。我投了票。谢谢。
【解决方案2】:

试试这个

if($('input:radio:checked').length > 0){
// go on with script
 }else{
    // NOTHING IS CHECKED
 }

【讨论】:

  • imo 你可以安全地删除&gt; 0 部分,因为正整数是 true
  • 它可以工作,但它的阅读效果不如$("input:radio").is(':checked')。
【解决方案3】:
if($("input:radio[name=test]").is(":checked")){
  //Code to append goes here
}

【讨论】:

    【解决方案4】:

    类似这样的:

     $("input[name=test]").is(":checked");
    

    使用 jQuery is() 函数应该可以工作。

    【讨论】:

    • 选中的收音机和复选框都适用
    【解决方案5】:
      $('#submit_button').click(function() {
        if (!$("input[@name='name']:checked").val()) {
           alert('Nothing is checked!');
            return false;
        }
        else {
          alert('One of the radio buttons is checked!');
        }
      });
    

    【讨论】:

      猜你喜欢
      • 2016-09-26
      • 2012-03-07
      • 1970-01-01
      • 2014-04-23
      • 1970-01-01
      • 2014-07-02
      • 1970-01-01
      • 2015-02-19
      • 1970-01-01
      相关资源
      最近更新 更多