1. ホーム
  2. jquery

[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複

2022-03-15 18:34:09

質問

私のページにはいくつかの入力テキストフィールドがあり、JavaScriptを使用してその値を表示しています。

私は .set("value","") 関数を使って、値の編集、追加のチェックボックスフィールドの追加、値の受け渡しを行っています。

ここでは、もし value == 1 であれば、このチェックボックスはチェックされているはずです。そうでなければ、チェックされていないままにします。

私は2つのdivを使用してこれをやったが、私はそれを感じていない、他の解決策はありますか?

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

解決方法は?

jQuery 1.6+の場合。

.attr() はプロパティに対して非推奨です。 .prop() 関数で代用できます。

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it

jQuery < 1.6用です。

チェックボックスのチェック/アンチェックを行うには、属性 checked を変更します。jQueryを使えば可能です。

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

なぜなら、HTMLでは次のように見えるからです。

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->
<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

しかし、チェックボックスの値を取得するために .attr() メソッドを信頼することはできません (必要な場合)。そのため、チェックボックスの値を取得するためには、.attr()メソッドに頼らざるを得ません。 .prop() メソッドを使用します。