在表单提交后更改复选框的默认“true”/“false”值

时间:2018-03-29 15:40:11

标签: jquery checkbox

我希望在选中/取消选中并通过表单发送时删除复选框的标准“true”或“false”值...我写了这个小脚本但无法使其正常工作,我显然对代码很新:)

简而言之:对于一个选中复选框,而不是“真实”我会喜欢“Réservé”而不是“假”我会喜欢“非Réservé”......这可能吗?

jquery的

// wait for DOM to be ready
$(document).ready(function() {

  //define the variable for the checkboxes on the page
  var allCheckboxes = $("input:checkbox[class=outsider]");

  //calls the append function on form submission
  $("#form-element").submit(function(event) {

    $(allCheckboxes).on('click', function() {

    $(this).val(this.checked ? Réservé : Non Réservé);

      alert($(this).val()); 
      event.preventDefault();
    });
  });
});

HTML

<form id="form-element">
  <input type="checkbox" class="outsider" />
  <input type="submit" value="Send" data-wait="Wait..." />
</form>

1 个答案:

答案 0 :(得分:0)

提交表单时会触发提交功能 因此,如果您在提交功能中的复选框上添加一个事件,它就永远不会起作用

barmar也是对的