checkbox复选框多选的时候获取除ID以为的其他属性

最新推荐文章于 2025-03-30 19:57:36 发布

原创最新推荐文章于 2025-03-30 19:57:36 发布 · 927 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #url #html

JAVA 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在HTML中为checkbox添加自定义属性taskUrl和taskTitle，并在JavaScript中通过循环检查已选checkbox，获取这些属性的值，以逗号分隔的字符串形式进行处理和传递。

这里就写个简单的例子吧，(*^__^*) 嘻嘻

html里面：

<input type="checkbox" name="id" id="id" value="<%=pageinfo.get("ID") %>" taskUrl="<%=pageinfo.get("URL")==null?"":pageinfo.get("URL") %>"

taskTitle="<%=pageinfo.get("TITLE")==null?"":pageinfo.get("TITLE") %>" onClick="chkbox_chg(this)">

我想获取的就是taskURL和taskTitle，它们都是对象中的属性，为了获取这两个属性的值，所以我在input标签里面加了一个taskTitle和taskURL【属性是可以随便加的哦，随便命名，亲】

js里面是这样获取的：

var obj = document.getElementsByName("id");
var titles="";
var urls="";
for(i=0;i<obj.length;i++){
if(obj[i].checked){
titles+=obj[i].taskTitle+",";
urls+=obj[i].taskUrl+",";
}
}

这样我就以拼接字符串的形式，用逗号隔开把所选的行的title和url属性都获取到了，然后传到后台去处理就简单了。这里我没有用数组，因为我比较喜欢拼接字符串，这样传参方便。每个人都有自己的方法，自己喜欢就好。喜欢的可以拿来参考。

每天记录一点点，也是一种进步，(*^__^*) 嘻嘻