javascript - If checkbox is checked and user clicks on the button do this - Stack Overflow

admin管理员组

文章数量:1022695

I have a checkbox with a button, i want when user check the check box and click on the button show an alert and when checkbox is unchecked and user clicks on the button do something else.

I did something but i need help to acplish it. Any help greatly appreciated

$(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

I have a checkbox with a button, i want when user check the check box and click on the button show an alert and when checkbox is unchecked and user clicks on the button do something else.

I did something but i need help to acplish it. Any help greatly appreciated

$(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

• javascript
• jquery
• html
• checkbox

Share Improve this question Follow asked Sep 19, 2014 at 4:47 AmirAmir 53722 gold badges88 silver badges2525 bronze badges 1

• 1 try replacing (this.checked) with ($('input[type="checkbox"]').is(':checked')). – Harish Ambady Commented Sep 19, 2014 at 4:55

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

You are showing alerts in Checkbox's onclick. You would need to add the code in button's onClick.

See 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");
        }
    });
});

Hope this helps.

You can use jquery .is() selector for this:-

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

You can set id or class to button

$(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

use 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

 $(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");
        }
    });
});

I have a checkbox with a button, i want when user check the check box and click on the button show an alert and when checkbox is unchecked and user clicks on the button do something else.

I did something but i need help to acplish it. Any help greatly appreciated

$(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

I have a checkbox with a button, i want when user check the check box and click on the button show an alert and when checkbox is unchecked and user clicks on the button do something else.

I did something but i need help to acplish it. Any help greatly appreciated

$(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

• javascript
• jquery
• html
• checkbox

Share Improve this question Follow asked Sep 19, 2014 at 4:47 AmirAmir 53722 gold badges88 silver badges2525 bronze badges 1

• 1 try replacing (this.checked) with ($('input[type="checkbox"]').is(':checked')). – Harish Ambady Commented Sep 19, 2014 at 4:55

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

You are showing alerts in Checkbox's onclick. You would need to add the code in button's onClick.

See 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");
        }
    });
});

Hope this helps.

You can use jquery .is() selector for this:-

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

You can set id or class to button

$(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

use 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

 $(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");
        }
    });
});

本文标签： javascriptIf checkbox is checked and user clicks on the button do thisStack Overflow