javascript - jquery通过javascript设置复选框标签的名称-6ren

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

转载作者：行者123 更新时间：2023-11-28 01:19:08

我想动态创建复选框。我正在这样做，但是我无法设置标签名称。我尝试将内部 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>