2013-10-22 20 views
0
<script> 
    $(document).ready(function(){ 
     $(window).load(function() { 
      $("#check").val('hurray_checked'); 
     }); 
    }); 
</script>  


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

那麼,我要的是在頁面加載時,下面的字段應該成爲如何使用jQuery與值檢查輸入複選框字段在頁面加載

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

但我上面的代碼是不工作,任何人都可以請讓我知道如何檢查頁面加載時的值的字段?

+0

爲什麼你同時使用'.ready'和'.load'? –

+2

您的問題不明確。你想設置複選框的值,選中複選框還是兩者兼而有之? –

+0

其實我想在頁面加載的時候把值放到字段中,對不起,我是JavaScript的新手.. –

回答

0

不使用負載

load當所有資產被加載完成,包括圖片被調用。準備就緒會在DOM準備好交互時觸發。

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

請在下面試試。和IDü應以 「#」

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

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

      }); 
    </script> 
0

你不需要把你的$(window).load代碼,

$(document).ready(function(){ 

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

    }); 

將工作

0

要麼你使用這樣的:

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

這將添加窗口加載時的值

OR

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

當文檔準備好(加載)的#

0

使用.就地像

$(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()

Working Demo這將增加價值

1

使用jQuery的.prop

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

使用

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

Fiddle

0

$(window).load事件$(document).ready之前調用,並且要定義它,它已經發生了。這意味着你的代碼永遠不會被調用。

您必須刪除$(window).load包裝或$(document).ready,以使其按預期工作。

相關問題