jquery - 如何在取消选中复选框时调用 jQuery 函数

Question

HTML 有一个 html 复选框。我无法编辑此代码中的任何内容。默认情况下，它通过外部脚本进行检查。

<input type="checkbox" name="shipping[same_as_billing]" id="shipping:same_as_billing" value="1" onclick="shipping.setSameAsBilling(this.checked);">

jQuery

当用户取消选中上面的复选框时，我编写了自定义 jQuery 来显示一些表单元素。

<script>
    function showForm(){
        code to show a form goes here
     }
</script>

我需要的：

当用户取消选中上述复选框时，如何调用showForm()函数？当用户检查它时，它不应该被调用。

Answer 1

You will have to escape the colon in your id and used the "is" method of jQuery to check if your checkbox is checked or not.

$('#shipping\\:same_as_billing').change(function() {
    if(!$(this).is(':checked'))
        alert('worked');
});

jsFiddle

Answer 2

You can use the jQuery change() function, together with the :checked selector.

Try this:

$("#shipping\\:same_as_billing").change(function() {
  if ($(this).is(":checked")) {
    showForm();
  }
});

Answer 3

$('document').on('change', '#shipping:same_as_billing', function () {
            if ($(this).is(':checked')) {
//CALL YOUR FUNCTION OR WHATEVER YOU WANT TO DO 
}})