Javascript 同一按钮的多个实例的标签

我想知道如何在html中创建多个“相同”的输入类型。我有一个网格，并希望为每一行的一些选项。我想对每个

输入类型

应用

标签

，但我遇到了如何在

标签

的

属性中引用每个
输入类型
的问题。既然
for
使用了一个
id
，并且我有多个相同的
输入类型的实例，我该如何引用
输入类型
，而不做一些不利的事情，例如
id='button0'
，
id='button1'
，
id='button2'
等等

例如（为了简化代码，我使用了
kendoui
styleing）


这是一个专栏

选择这个
这是另一个专栏

选择这个

让两个元素具有相同的
id
（在本例中
id=“选择此”
）是不明智的，并且
for
似乎无法引用
类。是否有更好的方法使用jQuery之类的工具来实现这一点，或者有解决办法吗？

<div class="row">
    <div class="col">
        <p>This is a column</p>
        <input type="checkbox" class="k-checkbox" id="select-this-one">
        <label class="k-checkbox-label" for="select-this-one">Select this</label>
    </div>
</div>
<div class="row">
    <div class="col">
        <p>This is another column</p>
        <input type="checkbox" class="k-checkbox" id="select-this-two">
        <label class="k-checkbox-label" for="select-this-two">Select this</label>
    </div>
</div>

这是一个专栏

选择这个
这是另一个专栏

选择这个

Id
名称不能重复<代码>id
是唯一的属性。但是您可以有多个同名的
类。

这是一个专栏

选择这个
这是另一个专栏

选择这个

Id
名称不能重复<代码>id
是唯一的属性。但是您可以有多个同名的
类。
您可以创建一个脚本，动态设置所有
id
，并将这些新的
id
设置为
属性的标签


window.onload=function（）{
对于（让tL=document.querySelectorAll（'.k-checkbox'），i=0，j=tL.length；i您可以创建一个脚本，动态设置所有
id
，并将这些新的
id
设置为
属性的标签


window.onload=function（）{
对于（让tL=document.querySelectorAll（'.k-checkbox'），i=0，j=tL.length；i即使有多个
输入
s具有相同的
类型
属性，但这并不意味着它们应该具有相同的
id
。所有
输入
s都应该具有唯一的
id
s

…如果不做一些不利的事情，例如
id='button0'
，
id='button1'
，
id='button2'
等等，我将如何引用输入类型

唯一的
id
通常并不不利。示例中不利的部分是
id
值的任意性。通常可以给每个
id
一个有意义的名称，如
id=“confirm button”
，
id=“cancel button”
，
id=“更多信息”
。如果有多行，每行都有确认按钮，那么通常每行都有一个唯一的名称或编号，可以添加该名称或编号以使每行唯一–例如，
id=“confirm-button-product-583”
和
id=“confirm-button-product-112”

因此，对于您的示例，一些有意义的ID可能是
select left col
和
select right col
：


这是一个专栏

选择这个
这是另一个专栏

选择这个

如果您知道每列所代表的内容，例如
选择现有设置
和
选择新设置
，则可以更具体地命名
id
，即使您有多个
输入
具有相同的
类型
属性，但这并不意味着它们应该具有相同的
id
input
s应具有唯一的
id
s

…如果不做一些不利的事情，例如
id='button0'
，
id='button1'
，
id='button2'
等等，我将如何引用输入类型

唯一的
id
通常并不不利。示例中不利的部分是
id
值的任意性。通常可以给每个
id
一个有意义的名称，如
id=“confirm button”
，
id=“cancel button”
，
id=“更多信息”
。如果有多行，每行都有确认按钮，那么通常每行都有一个唯一的名称或编号，可以添加该名称或编号以使每行唯一–例如，
id=“confirm-button-product-583”
和
id=“confirm-button-product-112”

因此，对于您的示例，一些有意义的ID可能是
select left col
和
select right col
：


这是一个专栏

选择这个
这是另一个专栏

选择这个

如果您知道每列代表的内容，可以更具体地命名
id
s，例如
选择现有设置
和
选择新设置

for
似乎无法引用
类

单击带有
for
属性的
标签将把焦点放在具有相应
id
的元素上，那么当两个元素具有相同的
id
或
类
时，您希望看到哪种行为

要么在元素上使用唯一的
id
s（这是您应该做的），要么在
标签上不使用
for
属性，因为对于
属性使用非唯一的
是毫无意义的

用于
doe
<div class="row">
    <div class="col">
        <p>This is a column</p>
        <input type="checkbox" class="k-checkbox" id="select-this-one">
        <label class="k-checkbox-label" for="select-this-one">Select this</label>
    </div>
</div>
<div class="row">
    <div class="col">
        <p>This is another column</p>
        <input type="checkbox" class="k-checkbox" id="select-this-two">
        <label class="k-checkbox-label" for="select-this-two">Select this</label>
    </div>
</div>