Javascript 选中复选框时插入名称属性

Javascript 选中复选框时插入名称属性,javascript,jquery,Javascript,Jquery,我希望有人能帮助我。我有一个表单,当选中表单复选框时,应该在复选框输入字段中插入一个名称属性,并在末尾添加一个数字。我做了一些东西,但并不完全有效 when checkbox is checked it should look like this: <input type="CHECKBOX" class="item" name="my-list-item<0>" value="value">My Item<br> <input type="CHECK

我希望有人能帮助我。我有一个表单,当选中表单复选框时,应该在复选框输入字段中插入一个名称属性,并在末尾添加一个数字。我做了一些东西,但并不完全有效

when checkbox is checked it should look like this: 
<input type="CHECKBOX" class="item" name="my-list-item<0>" value="value">My Item<br>
<input type="CHECKBOX" class="item" name="my-list-item<1>" value="value">My Item<br>


<form>
<input type="CHECKBOX" class="item" value="value">My Item<br>
<input type="CHECKBOX" class="item" value="value">My Item<br>
<input type="CHECKBOX" class="item" value="value">My Item<br>
<input type="CHECKBOX" class="item" value="value">My Item<br>

</form>

<script>

function prepareSearchForm(form){
 var count = 0;

 $(form).children('.item').each(function(o){
   var cityDOM = document.createElement('input');

   itemDOM.name = "my-list-item<" + (count++) + ">";
   itemDOM.value = o.value;
   form.appendChild(itemDOM);
 });

}
</script>
对不起,现在是凌晨2点

      var count = 0;
   $('input[type="checkbox"]').change(function(){
       $(this).attr('name',count++);
    });
用简单的js this.setAttributename,count++

对不起,现在是凌晨2点

      var count = 0;
   $('input[type="checkbox"]').change(function(){
       $(this).attr('name',count++);
    });
用简单的js
this.setAttributename,count++

我想这就是你想要的:

   <form>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>

</form>
<script>
    function checkAddress(checkbox)
{


    if (checkbox.checked)
    {
     var count = 0; 
     var checkboxes =  document.getElementsByClassName("item");
        for(var ii = 1; ii < checkboxes.length; ii++){
           if(checkboxes[ii].checked){
           count++; 
        }
      checkbox.name = "my-list-item" + count;
    }
    }
}
    </script>

我想这就是你想要的:

   <form>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>
  <input type="checkbox" class="item" onclick="checkAddress(this)" />My Item<br>

</form>
<script>
    function checkAddress(checkbox)
{


    if (checkbox.checked)
    {
     var count = 0; 
     var checkboxes =  document.getElementsByClassName("item");
        for(var ii = 1; ii < checkboxes.length; ii++){
           if(checkboxes[ii].checked){
           count++; 
        }
      checkbox.name = "my-list-item" + count;
    }
    }
}
    </script>

您可以在jQuery中执行以下操作

$'input:checkbox'.changefunction{ $this.attr{ “名称”:“我的列表项” }; }; 我的物品 我的物品 我的物品 我的物品
您可以在jQuery中执行以下操作

$'input:checkbox'.changefunction{ $this.attr{ “名称”:“我的列表项” }; }; 我的物品 我的物品 我的物品 我的物品

如果是自动关闭标记,则HTML无效。并且type=CHECKBOX无效。输入字段可以关闭,也可以不关闭其有效代码,因为浏览器以这种方式显示输入字段。您所说的“输入字段”是什么意思?您是否有其他文本输入,或者您是在谈论复选框本身复选框本身是一个自动关闭标记,您的HTML无效。type=checkbox无效。输入字段可以关闭或不关闭其有效代码,因为浏览器以这种方式显示它您所说的“输入字段”是什么意思?您是否有其他文本输入,或者您正在谈论复选框本身复选框本身您正在尝试将输入附加到复选框?…需要更多咖啡,哈哈,这只是我文本编辑器中的自动完成功能在描述中生成一些分类嘿,kurt,我需要将其包装在$function中吗?如果您使用jquery,在juery$中,如果您使用js yesyou试图在复选框中添加输入,那么$是开始功能的缩写?…需要更多咖啡吗,哈哈,这只是我文本编辑器中的自动完成功能在描述中生成一些分类嘿,kurt,我需要用$函数包装它吗?如果您使用jquery,在juery$中是开始功能的简写,如果您使用js yesyou close,我希望添加name=项,而不是name字段。。。我希望将name=项添加到复选框中itself@brodster,Javascript是相同的。对于当前HTML,它正在更改name属性。如果您刚刚拥有该类,它将添加名称:这是证据:@brodster我已将答案更新为您想要的答案:这很有效,谢谢。数字能以0开头吗?我还可以在脚本区域移动onClick事件吗?@brodster是的,先生,它可以:只需在checkAddressthis,0部分中输入任何数字。如果您愿意,您可以将其设置为200:您很接近,我希望添加名称=项,而不是名称字段。。。我希望将name=项添加到复选框中itself@brodster,Javascript是相同的。对于当前HTML,它正在更改name属性。如果您刚刚拥有该类,它将添加名称:这是证据:@brodster我已将答案更新为您想要的答案:这很有效,谢谢。数字能以0开头吗?我还可以在脚本区域移动onClick事件吗?@brodster是的,先生,它可以:只需在checkAddressthis,0部分中输入任何数字。如果你愿意,可以是200:谢谢,这个数字可以应用于随机复选框吗?假设选中了复选框1和复选框5,我希望复选框按0,1等顺序应用数字。谢谢,数字可以应用于随机复选框吗?假设选中了复选框1和复选框5,我希望复选框中的数字按0,1等顺序应用。。