如何在更改时使用源对象清空 jquery 中表单中的名称属性

Question

我正在尝试使用 jquery 将所有复选框的名称更改为空/空，这些复选框在onchange事件和ondocumentready事件中未选中。

这是我的代码

<div id="tab_4">
 <div class="col-xs-12">
  <input type="text" name="txtbox1" value="1">
  <input type="checkbox" name="chkbox1" value="1">
  <input checked type="checkbox" name="chkbox2" value="2">
  <input type="checkbox" name="chkbox3" value="3">
 </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
      $('#tab_4 input[type=checkbox]').each(function(i){
       if($(i).not(':checked'))
        {
         $(this).attr('name', '');
        }
       });
    });
    $('#tab_4 input[type=checkbox]').change(function(){
    $('#tab_4 input[type=checkbox]').each(function(i){
        if($(i).not(':checked'))
        {
         $(this).attr('name', '');
        }
       });
    });
</script>

但它使所有 name 属性都为 null甚至检查过的。

我使用了这个答案使用 JQUERY 更改输入名称

Answer 1

您无需删除 uncheckbox 复选框元素名称即可将其从表单数据中排除。 默认情况下排除它。 检查以下演示：

 const tell = () => console.log([... new FormData($('form').get(0)).entries()]) $(() => { tell() $('input').on('change', tell) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form> <div id="tab_4"> <div class="col-xs-12"> <input type="text" name="txtbox1" value="1"> <input type="checkbox" name="chkbox1" value="1"> <input checked type="checkbox" name="chkbox2" value="2"> <input type="checkbox" name="chkbox3" value="3"> </div> </div> </form>

Answer 2

您是否尝试过使用.prop而不是attr？ Prot将更改输入的状态，而attr更改属性。