您的位置：首页 > Web前端 > HTML

html的name属性可以用来获取dom元素,表单提交数组name的写法

2017-09-17 12:25 716 查看

以前获取dom元素基本都是通过js的document.getElementById()或者document.getElementByName等方法或者通过jQ的选择器来选择,但其实html的name属性也可以用来直接获取dom元素,代码如下所示:

<!DOCTYPE html>
<html>
<head>
<script>
function check(){
listForm.sel.checked=true;
}
</script>
</head>

<body>
<form name="listForm">
<input type="checkbox" name="sel"/>
</form>

<input type="button" value="button" onclick="check();"/>
</body>

</html>

按下button键会使得form表单里的名为sel的checkbox被选中.

有时候我们需要以数组的形式提交表单数据，name值主要有这么几种写法,

第一种：

card[]

，这种写法数组的索引是数字型的，会自动递增。

第二种：

card[game]

，这种写法的数组是key-value键值对，索引为一个字符串，注意这里的索引game并没有用引号包围起来，因为会自动添加单引号，如果在html表单中这么写

card['game']

，那么在服务器端接收的键值就会变成

'game'

，而不是

game

。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html javascript 表单

相关文章推荐

新的分享

章节导航