7

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

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

出来ますか？どのように？

ありがとう。

4

9 に答える 9

11

これも使えます

if($("#checkbox_id").is(':checked'))
于 2012-07-19T08:36:47.823 に答える
11

javascript:まず、イベント ハンドラー属性では使用しないでください。それは間違っており、たまたま有効な JavaScript 構文であるためのみ機能します。第二に、あなたidは有効ではありません。属性で括弧を使用することはできませんid(少なくとも HTML 4 では、HTML 5 ではこの制限が解除されます)。click()第三に、jQuery を使用している場合、そのメソッドを使用してイベントを処理することはおそらく理にかなっていますが、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!");
        }
    });
});
于 2010-10-27T10:33:30.557 に答える
6

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

$('#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);
});

コードを ready ハンドラーでラップしてください。

$(function(){
  // code....
});
于 2010-10-27T10:25:34.783 に答える
2

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

$(document).ready(function(){
    $('#Public(Web)').click(function(){
        if (this.checked) {
            // do your code here
        }
    });
});
于 2010-10-27T10:28:45.617 に答える
0

別の例を次に示します。要素自体で onClick イベントを使用する代わりに、リスナーを使用することをお勧めしますが、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>
于 2010-10-27T10:38:48.173 に答える