0

別のチェックボックスがオンになっている場合にのみ、(デフォルトで)無効になっているチェックボックスを有効にしようとしています。これにより、新しく有効になったチェック ボックスをオンにできます。キャッチはフォーム送信時にあり、他のチェックボックスがオンになっている場合、チェックボックスは有効のままにする必要があります。

<input type="checkbox" class="checkbox1" id="checkbox1" name="vehicle" value="Bike">I am enabled and must be clicked<br>
<input type="checkbox" class="checkbox2" id="checkbox2" name="vehicle" value="Car" disabled>I am waiting to be enabled

私はjqueryを使用しようとしていますが、どこから始めればよいかわからないため、表示するjqueryコードがありません。

4

2 に答える 2

1

変更機能を使用して、ボックスがいつチェックされたかを確認し、そこからロジックを有効または無効にすることができます。

$("#checkbox1").change(function() {
    if (this.checked) {
        $("#checkbox2").prop("disabled", false);
    }
    else {
        $("#checkbox2").prop("disabled", true);
    }
});
于 2013-03-11T17:18:08.510 に答える
0

最初のチェックボックスをオフにした後で 2 番目のチェックボックスを無効にする必要がある場合は、次のようにします。

$('#checkbox1').click(function () {
    $('#checkbox2').prop('disabled', !$(this).is(':checked'));
});

jsFiddle の例

それ以外の場合は、これを使用してください:

$('#checkbox1').click(function () {
    $('#checkbox2').prop('disabled', false);
});

jsFiddle の例

于 2013-03-11T17:21:15.627 に答える