javascript - 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).loadevent は の前$(document).readyに呼び出され、それが発生した後に定義しています。つまり、コードが呼び出されることはありません。

$(window).loadラッパーを削除するか$(document).ready、期待どおりに機能させる必要があります。

Answer 4

$( window ).loadコードを入れる必要はありません。

 $(document).ready(function(){

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

    });

動作します

Answer 5

これを使用するか：

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

これにより、ウィンドウがロードされたときに値が追加されます

また

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

これにより、ドキュメントの準備ができた（ロードされた）ときに値が追加されます

Answer 6

like.の代わりに使用#

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

負荷を使用しない

loadは、画像を含むすべてのアセットの読み込みが完了すると呼び出されます。ready は、DOM が対話の準備ができたときに発生します。

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