如何將名稱屬性添加到DOM輸入復選框對象

Question

我想為DOM輸入對象添加一個名稱，以便可以將其保存到數據庫中，但無法弄清楚。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to create a Checkbox.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var x = document.createElement("INPUT");
    x.setAttribute("type", "checkbox");
    document.body.appendChild(x);
}
</script>

</body>
</html>

該代碼僅創建動態復選框，但我不知道如何添加名稱以通過$ _POST ['name']發送它；

Answer 1

設置屬性名稱

 function myFunction() {
        var x = document.createElement("INPUT");
        x.setAttribute("type", "checkbox");
        x.setAttribute("name", "checkbox_name");
        document.body.appendChild(x);
    }

您需要在表單元素中添加輸入元素

Answer 2

您可以使用.name DOM元素屬性：

x.name = 'myCheckbox';

此外，您可以使用.type屬性設置type ：

 var x = document.createElement("input"); x.type = 'checkbox'; x.name = 'myCheckbox'; document.body.appendChild(x); // Just for demonstration: document.getElementById('result').innerText = x.outerHTML;

 <div id="result"></div>

如果您對DOM元素屬性有任何疑問，可以參考此MDN頁面。

正如您在問題標簽中提到jQuery一樣，我還將提供一種jQuery方法：

$("<input/>").attr({'name': 'myCheckbox', 'type': 'checkbox').appendTo('body');

如何將名稱屬性添加到DOM輸入復選框對象

問題描述

2 個解決方案

解決方案1
0 2015-11-27 05:33:50

解決方案2
0 2015-11-27 05:34:19

如何將名稱屬性添加到DOM輸入復選框對象

問題描述

2 個解決方案

解決方案1 0 2015-11-27 05:33:50

解決方案2 0 2015-11-27 05:34:19

解決方案1
0 2015-11-27 05:33:50

解決方案2
0 2015-11-27 05:34:19