Jquery 如何覆盖复选框的defaut行为

这是我的护照

我想使当前复选框处于选中/取消选中状态，并仅从类formItem中控制它

当单击复选框时，不应发生任何事情（即不应选中并取消选中我）

HTML:

我也不想使用复选框的disabled属性

单击复选框时，我想调用类FormItem下的代码

---

这可能吗

这就是你的意思吗

$(this).prop('checked',!$(this).prop('checked'));

---

要禁用默认功能，请执行以下操作：

$(document).on("click", ".checkboxclas", function(e) {
  e.preventDefault();
  return false;
});

要使用

.formItem

使复选框工作，请执行以下操作：

$(document).on("click", ".formItem", function() {
  $('#check4').prop('checked',!$('#check4').is(':checked'));
});

---

如果不希望应用单击，则需要取消事件的默认行为

$(document).on("click", ".checkboxclas", function(e) { 
 e.preventDefault();
    return false;
});

下面是一个更正的JSFIDLE：

使用

如果调用此方法，则不会触发事件的默认操作

对于复选框，默认操作是切换选择

---

在复选框单击事件中放入

返回false

，并在表单单击事件中选中/取消选中它

$(document).on("click", ".formItem", function() {

alert('clicked on formItem');  
    $('#check4').prop('checked',!$('#check4').is(':checked'));
});


$(document).on("click", ".checkboxclas", function(e) { 
     return false;
});

---

使用jquery

stopPropagation（）方法

$(this).prop('checked',!$(this).prop('checked'));

$(document).on("click", ".formItem", function(e) {
      e.stopPropagation();   
 });

使用event.preventDefault（）；非常感谢，当选中复选框时，我想调用class.formItem下的代码。
$(document).on("click", ".formItem", function() {

alert('clicked on formItem');  
    $('#check4').prop('checked',!$('#check4').is(':checked'));
});


$(document).on("click", ".checkboxclas", function(e) { 
     return false;
});

$(document).on("click", ".formItem", function(e) {
      e.stopPropagation();   
 });