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

How to check the input checkbox field with a value on page load using jquery

本文关键字：输入 字段 复选框 检查 jquery 何使用 加载      更新时间：2023-09-26
<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" />

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

使用 jquery 的 .prop

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

load

当所有资产（包括图像）都完成加载时调用 load。 ready在 DOM 准备好进行交互时触发。

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

请尝试以下操作。对于类，您必须采取"."，对于ID U应该采取"#"

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

要么你用这个：

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

这将在加载窗口时添加值

或

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

这将在文档准备就绪（加载）时添加值

使用.代替#

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

读取属性（）

工作演示

你不需要把你的代码放在$( window ).load， 

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

将工作

使用

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

小提琴

$(window).load事件在$(document).ready之前调用，而你在事件发生后定义它。这意味着您的代码永远不会被调用。

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

相关文章：