如何使用jquery在页面加载时检查输入复选框字段的值

Question

<script>
    $(document).ready(function(){
        $( window ).load(function() {
            $( "#check" ).val('hurray_checked');
        });
    });
</script>       


<input id="check" type="checkbox" name="should_be_checked_when_pageloads" value="" />

所以我想要的是页面加载时，下面的字段应该变成

<input id="check" type="checkbox" name="should_be_checked_when_pageloads" value="hurray_checked" />

但是我上面的代码不起作用，有人可以让我知道如何在页面加载时检查带有值的字段吗？

Answer 1

使用jQuery的.prop

$(function(){
  $('.check').prop('checked', true);
});

Answer 2

尝试以下。.对于班级，您必须参加“。” 对于id，您应该使用“＃”

<script>
          $(document).ready(function(){

            $( window ).load(function() {
                $( ".check" ).val('**hurray_checked**');
                    });

            });
    </script>  

Answer 3

您无需将代码放在$( window ).load ，

 $(document).ready(function(){

        $( "#check" ).val('hurray_checked');

    });

将工作

Answer 4

您可以使用以下方法：

   $( window ).load(function() {
        $( ".check" ).val('**hurray_checked**');//the selector you are should be class
   });

当加载窗口时，这将添加值

要么

$(document).ready(function() {
        $( ".check" ).val('**hurray_checked**');
   });

当文档准备好（加载）时，这将添加值

Answer 5

使用. 代替#喜欢

$(document).ready(function() {
   $( ".check" ).val('hurray_checked');
// ----^-- . in place of # as you used class in checkbox
   $( ".check" ).prop('checked',true);// to check the checkbox
});

阅读prop（）

工作演示

Answer 6

不要使用负载

负载时，所有资产都加载完成，包括图片被调用。 当DOM准备进行交互时，将触发ready。

<script>
 $(document).ready(function(){
  $( ".check" ).attr("checked","checked").val('hurray_checked');
  });
</script>  

Answer 7

采用

$(document).ready(function(){    
        $('#check').prop('checked', true);    
});

小提琴

Answer 8

$(window).load事件在$(document).ready之前调用，您可以在事件发生后对其进行定义。 这意味着您的代码永远不会被调用。

您必须删除$(window).load包装器或$(document).ready才能使其按预期工作。