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

最新推荐文章于 2023-09-05 20:41:33 发布

龙马博客

最新推荐文章于 2023-09-05 20:41:33 发布

阅读量2.3k

点赞数

分类专栏：学习笔记文章标签： html javascript 表单

本文链接：https://blog.csdn.net/mzc186/article/details/78009493

版权

学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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