js追加元素radio

Posted 2023-06-02 圆白菜的菜园子

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js追加元素radio相关的知识，希望对你有一定的参考价值。

$(\'#divTablePromary\').append(`<input type="radio" lay-filter="tablePromary" name="tablePromary" value="$item.Name" title="$item.Name" checked>`);
$("#form2")[0].reset();//需要重置不然不显示

name值与id值在Js获取元素时的区别

1、适用范围

除base、head、html、script、meta、title标签外，id都可以用；name只适用于select、form、frame、iframe、img、a、input等中。

HTML元素Input type=\'radio\'分组，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。

2、获取方式

取得id：document.getElementById("id");

取得name：document.getElementsByName("name")；注：由于name值不是唯一的，所以得到的结果是个数组；

3、使用document.id和document.name访问DOM树中的节点

使用 document.id 和 document.name 访问 DOM 树中节点的方法，可以访问 img 元素、iframe 元素和 form元素。但这种方式不是W3C标准中规定的，所以这些方法的支持因浏览器而异。

实例：

直接使用document.name属性来修改img标签的属性值

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head>

<body>
<a href="/index.html" target="_blank">
<img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1"  onmouseover="mouseOver()" 
onmouseout="mouseOut()" /></a>
</body>
</html>

以上是关于js追加元素radio的主要内容，如果未能解决你的问题，请参考以下文章

js追加append是追加在最后一个，啥是追加在第一个

JQuery如何向某个元素后面动态追加元素

怎么让bootstrap的radio选中

js追加元素

Python为啥向二维列表中追加元素后所有元素都变一样了

js中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild