代码之家  ›  专栏  ›  技术社区  ›  Anthony Salamin

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

  •  -1
  • Anthony Salamin  · 技术社区  · 7 年前

    当复选框被选中/取消选中并通过表单发送时,我希望去掉复选框的标准“真”或“假”值。。。我写了这个小脚本,但无法使其正常工作,我显然对代码很陌生:)

    简而言之:对于选中的复选框,我希望使用“Réservé”,而不是“true”,我希望使用“Non 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 回复  |  直到 7 年前
        1
  •  0
  •   Julien Amblard    7 年前

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

    barmar也是对的