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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mzc186/article/details/78009493

以前获取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

猜你喜欢

转载自blog.csdn.net/mzc186/article/details/78009493
今日推荐