通过 Jquery 附加点击功能的问题

Question

当屏幕加载和更改其中一个文本框时，我有一些禁用的复选框，复选框会自动选中，我希望在表单提交期间将复选框值提交给我的支持 bean，因此我将 onclick 函数附加到通过 Jquery 提交按钮以在提交时启用复选框，但仍然没有提交值，但是如果我直接向提交按钮的 onclick 添加一个 javascript 函数，则值会被提交。

我的代码是这样的

 <input type="checkbox" id="chck_box1" class="enableCheckbox"/>
 <input type="submit" id="submitButton" onclick="enableCheckBox()"/>

 there are two ways i implemented
 **1.**    --- this enables the checkbox and values submitted
 function enableCheckbox(){    
   $('.enableCheckbox').each(function() {
      $(this).removeAttr('disabled');

   });
 }
 **2.** -- this enables the checkbox but the values not submitted
 $("#submitButton").on("click", function(){
     $('.enableCheckbox').each(function() {
         $(this).removeAttr('disabled');

   });
  });

谁能帮我理解提交按钮 onclick 和 jquery 的 on(submit) 之间的区别

谢谢

Answer 1

我认为

<input type="submit" id="submitButton" onclick="enableCheckBox()"/>

首先触发表单提交事件，但是

 $("#submitButton").on("click", function(){

在提交表单之前触发按钮点击，这就是区别。我认为正确的方法是订阅

$("Your_form_id).on("submit" , function() {

并添加

return false;

在必要时防止提交表单的函数末尾（例如：通过ajax左右发送所有表单变量）。

Answer 2

我认为您在 '.enableCheckbox' 中有错字，可能是 '.enableChec*k*box'

在我的示例中一切正常 HTML：

<input type="checkbox" class="enableCheckbox" disabled="true">
<input type="button" id="enablechk" value="Enable">

脚本：

$("#enablechk").click(function() { 
     $('.enableCheckbox').each(function() {
     $(this).removeAttr('disabled');
 });
});

jsfiddle：

http://jsfiddle.net/zx10tomcat/LZBfD/

提交按钮onclick和jquery的on(submit)的区别 在第一种情况下，它只是一个 ckick 事件，在第二种情况下 - 提交 - 不同的对象。你也可以写 return false;在 on(submit) 函数和表单结束时不会提交（并发送任何数据）。 希望对您有所帮助。