Jquery通过javascript设置复选框标签的名称

jquery setting the name of checkbox label via javascript

本文关键字：标签 复选框 通过 javascript 设置 Jquery      更新时间：2023-09-26

我想动态创建复选框。我正在这样做，但是我没有设置标签的名称。我尝试将内部html设置为一个值，尽管它不起作用。正确的做法是什么?来源:

<!DOCTYPE html> 
<html> 
    <head> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    </head> 
    <body> 
        <div data-role="page" >
            <fieldset data-role="controlgroup" id="exampleGroup">
            </fieldset>
        </div><!-- /page -->
    </body>
    <script>
        var someId = "Something";
        for (var i = 0; i < 5; i++) {
            var checkBox = $('<input>', {
                type: "checkbox",
                class: "custom",
                id: someId + i.toString()
            });
            var checkBoxLabel = $('<label>', {
                for : someId + i.toString(),
            });
            checkBoxLabel.innerHTML = "Hello world!"; // didn't work
            checkBox.appendTo("#exampleGroup");
            checkBoxLabel.appendTo("#exampleGroup");
        }
    </script>
</html>

使用text()，您可以在标签

内设置文本

试试这个:

checkBoxLabel.text("Hello world!");

使用text()或html()设置DOM节点的内容。它们之间的区别在于它们如何处理HTML标签。

checkBoxLabel.html('<foo>');
// <label><foo></label>
checkBoxLabel.text('<foo>');
// <label>&lt;foo&gt;</label>

当您不需要HTML时，您应该选择text()。

试试这个

JSFIDDLE 

var someId = "Something";
for (var i = 0; i < 5; i++) {
    var checkBox = $('<input>', {
        type: "checkbox",
        class: "custom",
        id: someId + i.toString()
    });
    var checkBoxLabel = $('<label>', {
        for: someId + i.toString(),
    });
    checkBoxLabel.text(someId + i.toString());
    checkBox.appendTo("#exampleGroup");
    checkBoxLabel.appendTo("#exampleGroup");
}

下面是你想看的区域

checkBoxLabel。text(someId + i.toString());

我使用jquery文本来改变标签文本

http://api.jquery.com/text/

相关文章：