50個のチェックボックスがあるフォームがあります。そして、フォームの読み込み時にそれらを無効にしたいのですが、次のようにします。
$(document).ready(function() {
$("#check").attr("disabled", "disabled");
});
ただし、これは最初のチェックボックスのみを無効にします。すべてのチェックボックスにid='check'
。
50個のチェックボックスがあるフォームがあります。そして、フォームの読み込み時にそれらを無効にしたいのですが、次のようにします。
$(document).ready(function() {
$("#check").attr("disabled", "disabled");
});
ただし、これは最初のチェックボックスのみを無効にします。すべてのチェックボックスにid='check'
。
チェックボックスには一意の ID、ID = 一意の識別子が必要です。代わりにクラスを使用します。
check
各チェックボックスにクラスを追加します。
$(document).ready(function() {
$(".check").attr("disabled", true);
});
HTML では、すべてのid
属性が一意である必要があります。チェックボックスのクラスを追加して、そのクラスでそれらを選択するか、次のような属性セレクターを使用してください。$('input[type=checkbox]')
Id は一意である必要があります。このようなクラス名で試すことができます
$(document).ready(function() {
$(".classname").attr("disabled", true);
});
id
は一意であるため、要素間で共有できません。多くの要素をグループ化する場合は、class
代わりにa を使用します。
HTML :
<input class="check" ...>
<input class="check" ...>
<input class="check" ...>
JavaScript :
$(document).ready(function() {
$('.check').prop('disabled', true);
});