jQuery页面加载后,检查是否选中了单选按钮

时间:2013-09-07 07:15:48

标签: jquery onload checked

我可以轻松抓住value或检查是否使用.click(function()选择了一个单选按钮,但是如果检查是否选择了单选按钮和/或抓住其值,我需要做什么页面加载后(即在页面加载时预先选择了一些单选按钮)。

我认为这样的事情可能有效,但事实并非如此:

$("input[type=radio][name=q22]:checked").val()

有什么建议吗?

6 个答案:

答案 0 :(得分:14)

尝试:

$(document).ready(function(){
    $("input[type=radio][name='q22']:checked").val()
});

答案 1 :(得分:4)

您的代码没问题。

您可能忘记的是在页面加载并且已经读取了html之后运行它。您可以使用jQuery的 .ready() 来执行此操作。

$(document).ready(function () {
    var i = $("input[type=radio][name=q22]:checked").val();
    console.log(i);
});

演示 here

答案 2 :(得分:1)

要么将脚本放在页面底部,就在结束</body>标记之前,要么使用jQuery的ready event。在任何一种情况下,脚本都可以访问页面上的元素,并可以获取已检查单选按钮的值。

Gratuitous live example | source

答案 3 :(得分:1)

使用$(document).ready(handler)

指定在DOM完全加载时要执行的函数。

Check This

$(document).ready(function() {
    // Handler for .ready() called.
    // Code run after DOM load success 
});


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  alert("")
});
</script>
</head>
<body>
</body>
</html>

在BODY加载成功后会发出警报

答案 4 :(得分:1)

var arr=$("input[type=radio][name=q22]:checked").map(function(){return $(this).val();})

答案 5 :(得分:0)

试试这个:

$(function(){
    $("input[type=radio][name='q22']:checked").val();
});

或者你也可以使用它:

    $(function(){
       if ($("#radio1").is(":checked")) {
         // do something
       }
    });