如何使用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才能使其按預期工作。