22

ボタンを有効または無効にするチェックボックスの値を返そうとしています。チェックボックスを作成しても問題ありません。問題は、チェックボックスの値が常にオンになることです。チェックボックスがチェックされているかどうかを示す値を取得するにはどうすればよいですか?

HTML:

<form>
    <input type="checkbox" id="checkbox" /> <label>Do you agree  </label><br />
    <input type="button" value="Continue" id="button" disabled="disabled" />
</form>

Javascript: 

$('#checkbox').change(function(){
    var checkboxValue = $(this).val();
    alert(checkboxValue);
});
4

7 に答える 7

54

prop ('checked');を使用してみてください。

var checkboxValue = $(this).prop('checked');
于 2013-05-17T14:38:00.287 に答える
8

必要なようですchecked

var checkboxValue = this.checked;
于 2013-05-17T14:38:44.240 に答える
2

ここでいくつかのことが起こっています

  1. そのままのチェックボックスには値がありません
  2. チェックされているかどうかを確認する必要があります

これを試して

$('#checkBox').prop('checked');

チェックされている場合は、チェックされていない場合は true と false を返す必要があります。

于 2013-05-17T14:44:09.683 に答える
1

使用しようとしています（jQuery 1.6+を使用している場合）：

var checkboxValue = $(this).prop('checked');

http://api.jquery.com/prop/

trueこれは、またはfalseを正しく返すはずです。

于 2013-05-17T14:39:05.237 に答える
0

:checkedまたは、 Selectorを利用するのはどうですか?

$(this).is(':checked') // returns true if checked and false otherwise
于 2013-05-17T14:40:13.233 に答える
0

.valの代わりにis(':checked')を使用してみてください

$('#checkbox').change(function(){
    var checkboxValue = $(this).is(':checked');
    alert(checkboxValue);
});

true または false を返します

jQuery val() とチェックボックスも参照してください

于 2013-05-17T14:40:52.593 に答える