javascript - チェックすると送信ボタンを表示

Question

チェックボックスがチェックされていない場合は、送信ボタンを非表示にする必要があります。少なくとも 1 つがチェックされている場合、送信ボタンが表示されます。私はJQueryを使用しています。

<input type="checkbox" name="prog" value="1">
<input type="checkbox" name="prog" value="2">

<input type="submit" id="submit_prog" value='Submit' />

編集

「すべてチェック」チェックボックスとどのように組み合わせることができますか?

Answer 1

$(document).ready(function() {

    var $submit = $("#submit_prog").hide(),
        $cbs = $('input[name="prog"]').click(function() {
            $submit.toggle( $cbs.is(":checked") );
        });

});

デモ: http://jsfiddle.net/QMtey/1/

この.toggle()メソッドは、表示または非表示のブール値を受け入れます。

Answer 2

var $checkboxes = $('input[type=checkbox]');

$checkboxes.on('change', function() {
   $('#submit_prog').prop('disabled', !($checkboxes.length == $checkboxes.filter(':checked').length));
});

チェックボックスの数がチェックされたチェックボックスの数と一致するかどうかを JavaScript で確認するという考え方です。！それを反転し、送信ボタンの無効なプロパティを設定します。

Answer 3

$('input[name="prog"]').change(function(){
    var submitBtn=$('#submit_prog');
    if ($('input[name="prog"]:checked').length > 0) {
        submitBtn.show();
    } else {
        submitBtn.hide();
    }
});

Answer 4

トグルを使用して、要素を表示または非表示にします。

$("input[name='prog']").on("change",function(){
        $("#submit_prog").toggle();
});