2

私のフォームには次のチェックボックスがあり、チェックされた値でアラートを表示するオプションをチェックしたいのですが、チェックしたときにアラートが表示されることはありません:

<form id="booking_form">
    <input type="checkbox" name="bType[]" id="bType" value="A,200">&nbsp;Type A - USD200<br>
    <input type="checkbox" name="bType[]" id="bType" value="B,150">&nbsp;Type B - USD150<br>
    <input type="checkbox" name="bType[]" id="bType" value="C,100">&nbsp;Type C - USD100<br>
    <input type="checkbox" name="bType[]" id="bType" value="D,50">&nbsp;Type D - USD50<br>

</form>

そして私はJQスクリプトを持っています:

<script>
$("input[type=checkbox]:checked").each ( function() {
    alert ( $(this).val() );
});
</script>

アドバイスしてください、ありがとう。

4

3 に答える 3

5

コードを開始するイベント ハンドラーを追加する必要があります。ページの読み込み時に実行されるようになりました。

たとえば、ボタンのクリックで処理できるようにすることができます。

$('.btn').click(function(){
    $("input[type=checkbox]:checked").each(function() {
        alert( $(this).val() );
    });
});

例を次に示します: http://jsfiddle.net/tMRvL/

于 2013-02-04T03:31:24.973 に答える
2

それはうまくいくはずです

  $("input[type=checkbox]").change( function() {
    if($(this).is(":checked")){
       alert( $(this).val() );
    }
  });

Jsfiddleのデモ、JSBinのその他のデモ

于 2013-02-04T03:29:19.993 に答える
0 
<script>
    $("[type=checkbox]:checked").each ( function() {
        console.log($(this).val());
    });
</script>

私のために働いた:)

于 2016-10-18T08:41:25.890 に答える