チェックボックスの値true/false

Question

私はチェックボックスを持つフォームを持っています。フォームを送信した後に、同じビューにエラーが戻ったときにフォームをチェックしたままにしておきたいと思います。私は値の属性がtrue/falseに設定しようとしているので、チェックボックスをチェックするのを助けることができると聞いた。とにかく、私がクリックしても入力値は "false"のままです。正確にはどうなりますか？ 私はノート

$("#checkbox1").prop('checked', true); 

使用Checked = trueチェックボックスに

<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false"> 

     <script> 
      $("#checkbox1").is(':checked', function(){ 
       $("#checkbox1").attr('value', 'true'); 
      }); 
     </script> 

Answer 1

をお試しくださいチェックされているかどうかに応じてチェックボックスをオンにします。私は次の仮定の下で、この答えを投稿するつもりです

$('#checkbox-value').text($('#checkbox1').val()); 
 

 
$("#checkbox1").on('change', function() { 
 
    if ($(this).is(':checked')) { 
 
    $(this).attr('value', 'true'); 
 
    } else { 
 
    $(this).attr('value', 'false'); 
 
    } 
 
    
 
    $('#checkbox-value').text($('#checkbox1').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 

 
<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false"> 
 

 
<div id="checkbox-value"></div>

Answer 2

をクリックした後に値が真/偽になると思った：私はあなたがチェックボックスでのonclick /のonchangeイベントにしたいかどうかは明らかではないのです。 is(":checked", function(){})は質問に間違っています。

Answer 3

チェックボックスはJSで本当に奇妙なことがあります。 checked属性が存在するかどうかをチェックすることをお勧めします。 （以前のjQueryのバージョンでは、checkedが「false」に設定されていてもtrueを返すようになりました。）何かがチェックされたら、value属性から値を取得できます。

Answer 4

jQuery.is()機能には、.is('selector', function)の署名がありません。

私はあなたがこのような何かをしたいと思います：

 if($("#checkbox1").is(':checked')){ 
      $("#checkbox1").attr('value', 'true'); 
     } 

Answer 5

、私は質問を理解していれば、あなたはの値を変更したいこの

$("#checkbox1").is(':checked', function(){ 
 
    $("#checkbox1").prop('checked', true); 
 
}); 
 
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">

Answer 6

：

は、ここに1つのソリューションです。 1) You (un)selected the checkbox on the first page and submitted the form. 2) Your building the second form and you setting the value="" true/false depending on if the previous one was checked. 3) You want the checkbox to reflect if it was checked or not before.

このような場合は、あなたのような何かを行うことができます。

var $checkbox1 = $('#checkbox1'); 
$checkbox1.prop('checked', $checkbox1.val() === 'true');