チェックボックスがチェックされているかどうかのチェックやjqueryのを使用していません

StackOverflow https://stackoverflow.com/questions/4032151

質問

私は、チェックボックスがjqueryのを使用してチェックされているかどうかを確認したいです。私は、チェックボックスのOnClickイベントでそれを確認したい。

<input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]">

それは可能ですか？どのように？

感謝します。

役に立ちましたか？

解決

まず、イベントハンドラ属性にjavascript:を使用しないでください。それは間違っていると、有効なJavaScript構文であることを起こるためにのみ機能します。第二に、あなたのidは有効ではありません。括弧はid属性に許可されていない（少なくともHTML 4で、HTML 5は、この制限を持ち上げます）。あなたはjQueryのを使用している場合、それはそれを行うために変更すると、チェックボックスをユーザーがクリックする場合、ドキュメントは、あなたのスクリプトをロードする前にいることを意味することに注意してくださいが、第三には、それはおそらく、click()イベントを処理するために、そのclickメソッドを使用することには意味がありますそれを処理しません。

<input type="checkbox" id="Public_Web" checked value="anyone"
    name="data[anyone]">

$(document).ready(function() {
    $("#Public_Web").click(function() {
        if (this.checked) {
            alert("Checked!");
        }
    });
});

他のヒント

また、この

を使用することができます 
if($("#checkbox_id").is(':checked'))

あなたはこのように行うことができます。

$('#checkbox_id').click(function(){
  alert(this.checked);
});

または使用して is() の方法：

$('#checkbox_id').click(function(){
  if ($(this).is(':checked')){
    alert('Checked');
  }
  else{
    alert('Not Checked');
  }
});

は、フォーム内のすべてのチェックボックスのためにこれをしたい場合は、あなたがこのような:checkboxフィルタセレクタを使用することができます：

$('#form_id :checkbox').click(function(){
  alert(this.checked);
});

準備ハンドラにコードをラップすることを確認します：

$(function(){
  // code....
});

いくつかのオプションがありますようにあります.... 

1. if($("#ans").is('checked')) 
 2. if($("#ans:checked"))
 3. if($('input:checkbox:checked'))

スクリプトタグでまず、バインドイベントではなく、インライン。これは従う方がはるかに簡単であり、あなたのHTMLがはるかに読みやすくなります。 次に、あなたは、チェックボックスがチェックされているかどうかを判断するためにjQueryのセレクタ:checkedを使用することができます。次に、あなたは要素のchecked属性を使用することができます。

$(document).ready(function(){
    $('#Public(Web)').click(function(){
        if (this.checked) {
            // do your code here
        }
    });
});

このお試しください 

if(!$('#elementid').is(':checked')){
    alert('Not checked');
}else{
    alert('checked');
}
あなたはこの使用して is() の方法を行うことができます：

$('##Public_Web').click(function(){
  if ($(this).is(':checked')){
    alert('Checked');
  }
  else{
    alert('Not Checked');
  }
});

は、フォーム内のすべてのチェックボックスのためにこれをしたい場合は、あなたが:checkboxフィルタセレクタを使用することができます：

$('#form_id :checkbox').click(function(){
  alert(this.checked);
});

ドキュメント準備ハンドラにコードをラップすることを確認します：

 $(document).ready(function() {
      // code....
  });

ここでもう一つの例、予告の代わりに、要素自体にonClickイベントを使用してiがリスナーを使用することを好むが、IDからブラケットを取り外しますで、それはあなたにいくつかのブラウザでは、ハードの時間を与えるだろう。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<input type="checkbox" id="PublicWeb" checked="checked" value="anyone" name="data[anyone]" />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
$(document).ready(function(){
    $('#PublicWeb').click(function(){
        if($(this).is(':checked')){
            alert("its checked alright");
        }
    });
});
</script>
</head><body></body></html>

HTML 

 <input type="checkbox" id="chkBox" checked/> Change Check Box

jqueryの

$("#chkBox").change(function() {
     if (this.checked) {
         alert("Checked");
         }
         else {
             alert("Not Checked")
             }
           });


 $("#chkBox").change(function() {
 if (this.checked) {
     alert("Checked");
     }
     else {
         alert("Not Checked")
         }
       });
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="chkBox" checked/> Change Check Box

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top