Question

我有一个带有按钮的复选框，我希望当用户选中复选框并单击按钮显示警告时，如果未选中该复选框，用户点击该按钮会执行其他操作。

我做了一些事情，但我需要帮助来完成它。任何帮助非常感谢

$(document).ready(function(e) {
    $('#remember').click(function() {
        if (this.checked) {
            alert("This is checked and you cliked");
        } else {
            alert("This is unchecked and you cliked");
        }
    });
});

JSFIDDLE

Answer 1

您可以使用jquery .is()选择器： -

$('input[type="button"]').click(function() {
    if ($('#remember').is(':checked')) {
        alert("This is checked and you cliked");
    } else {
        alert("This is unchecked and you cliked");
    }
});

您可以将ID或类设置为按钮

$(document).ready(function(e) {
$('#btnEnter').click(function() {
    if ($('#remember').is(':checked')) {
        alert("This is checked and you cliked");
    } else {
        alert("This is unchecked and you cliked");
    }
  });
});

Demo

Answer 2

您正在Checkbox的onclick中显示提醒。您需要在按钮的onClick上添加代码。

请参阅updated fiddle

$(document).ready(function(e) {
    $('#buttonId').click(function() {
        if ($('#remember').is(':checked')) {
            alert("This is checked and you cliked");
        } else {
            alert("This is unchecked and you cliked");
        }
    });
});

希望这有帮助。

Answer 3

使用 Prop() ;

 $('[type=button]').click(function () {
    if ($("#remember").prop("checked")) {
        alert("This is checked and you cliked");
    } else {
        alert("This is unchecked and you cliked");
    }
});

DEMO

Answer 4

 $(document).ready(function(e) {
     $('#buttonId').click(function() {
        if ($('#remember').prop('checked')) {
          alert("This is checked and you cliked");
        } else {
         alert("This is unchecked and you cliked");
        }
    });
});

如果选中复选框并且用户单击按钮，请执行此操作

4 个答案:

DEMO