Javascript 为jQuery UI使用的现有复选框生成标签

我希望能够使用样式设置页面上所有复选框的样式。但是，许多按钮没有标记。我有没有办法做到这一点：

$(".unlabeled-checkbox").append("<label> </label>").button();

$（“.unlabeled checkbox”）.append（“”.button（）；

---

但也要正确填写标签的“for”属性？

您可以将

wrap（）

方法传递给要执行的函数，请尝试以下操作：

$('.unlabeled-checkbox').wrap(function() {
    return $('<label></label>').attr('for', $(this).prop('name'));
});

$（'.unlabeled checkbox'）.wrap（函数（）{
返回$（''）.attr（'for'，$（this.prop（'name'））；
});

---

在函数中，

此

将引用数组中当前的

。未标记复选框

元素。

您可以将

wrap（）

方法传递给要执行的函数，请尝试以下操作：

$('.unlabeled-checkbox').wrap(function() {
    return $('<label></label>').attr('for', $(this).prop('name'));
});

$（'.unlabeled checkbox'）.wrap（函数（）{
返回$（''）.attr（'for'，$（this.prop（'name'））；
});

在函数中，

此

将引用数组中当前的

.unlabeled checkbox

元素。

您可以使用jQuery的“wrap”函数来包装所有复选框：

$(".unlabeled-checkbox").wrap("<label></label>");

$（“.unlabeled checkbox”）.wrap（“”）；

这将生成HTML：

<label>
    <input class="unlabeled-checkbox" type="checkbox" value="a" />
</label>
<label>
    <input class="unlabeled-checkbox" type="checkbox" value="b" />
</label>

如果将

包裹在

周围，则不需要“for”属性。单击标签将触发单击内部复选框。

您可以使用jQuery的“包装”功能包装所有复选框：

$(".unlabeled-checkbox").wrap("<label></label>");

$（“.unlabeled checkbox”）.wrap（“”）；

这将生成HTML：

<label>
    <input class="unlabeled-checkbox" type="checkbox" value="a" />
</label>
<label>
    <input class="unlabeled-checkbox" type="checkbox" value="b" />
</label>

如果将

包裹在

周围，则不需要“for”属性。单击标签将触发单击内部复选框