Question

如果未选中复选框，我想显示提醒。这是我的代码

<label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-1>1</label>
<label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-2>2</label>
<label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-3">3</label>
<input type="submit" name="submit" value="" class="btn next">
<script type="text/javascript">
    $(document).ready(function(){
        var $checkbox = $('input:checkbox[name="kopi"]');
        $checkbox.change(function () {
            var $selected = $radios.filter(':notchecked');
                alert('no.3 not checked, direct to thank you page!');
                window.location="thank-you.php";
        });
    });
</script>

Answer 1

尝试这样的事情

        $(document).ready(function(){
            var $checkbox = $('input:checkbox[name="kopi"]');
            $checkbox.change(function () {
                if(this.checked){
                    // your code goes here
                }
            });
        });

Answer 2

尝试

$checkbox.change(function () {
    if(!$(this).prop('checked')) {
        var $selected = $radios.filter(':notchecked');
        alert('no.3 not checked, direct to thank you page!');
        window.location="thank-you.php";
    }
});

Answer 3

尝试以下代码：

<label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-1>1</label><label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-2>2</label><label class="checkbox"><input type="checkbox" name="kopi[]" value="Kopi-3">3</label><input type="submit" name="submit" value="" class="btn next"><script type="text/javascript">
$(document).ready(function(){
    var $checkbox = $('input:checkbox[name="kopi"]');
    $checkbox.change(function () {
        var $selected = $radios.filter(':not(:checked)');
            alert('no.3 not checked, direct to thank you page!');
            window.location="thank-you.php";
    });
});

将“var $selected = $radios.filter(':notchecked');”替换为

var $selected = $radios.filter(':not(:checked)');

这就是全部

Answer 4

你可以试试这个：

$(document).ready(function(){
    var $checkbox = $('input:checkbox[name^="kopi"]');
    $checkbox.change(function () {
        ($(':checked').length < $checkbox.length) ? alert('no.3 not checked, direct to thank you page!') : window.location="thank-you.php";     
    });
});

警报复选框按钮未选中

4 个答案: