1. 爱易网页
  2. JavaSript
  3. 急怎么获取循环随checkbox生成的文字

急怎么获取循环随checkbox生成的文字

日期：2014-05-16　 浏览次数：20378 次

急，如何获取循环随checkbox生成的文字
我动态循环生成了十几个checkbox:
 <input type="checkbox" name="C1" value='2010001'>王海
 <input type="checkbox" name="C1" value='2010002'>李XX
 <input type="checkbox" name="C1" value='2010003'>陈师
 <input type="checkbox" name="C1" value='2010004'>甲某

<input type="text" name="T1"><input type="button" name="b1">

现在要求按b1按钮，将选中的checkbox旁边的文字显示在 T1中，不知道如何入手，急！！

注意，checkbox中的value中的值我是有用的，能否附加在checkbox中附加一个属性来获取文字，即<input type="checkbox" name="C1" value='2010001' tag='王海'>王海 ,不知道checkbox是否有tag这个属性？

------解决方案--------------------
可以用getAttribute("tag")获得这个属性值~~
------解决方案--------------------
HTML code
<html > 

<head > 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" > 
<title >JK:支持民族工业,尽量少买X货 </title > 
</head > 
<script language="javascript" type="text/javascript" > 
function setText()
{
    var chk =document.getElementsByName("C1");
    var arr = [];
    for(var i=0;i<chk.length;i++)
    {
        if(chk[i].checked)
        {
            
            arr.push(chk[i].title);
        }
    }
    document.getElementById("T1").value = arr.toString();
    
}
</script > 

<body > 
<div>
 <input type="checkbox" name="C1" value= '2010001 ' title="王海" >王海
  <input type="checkbox" name="C1" value= '2010002 ' title="李XX">李XX
  <input type="checkbox" name="C1" value= '2010003 ' title="陈师">陈师
  <input type="checkbox" name="C1" value= '2010004 ' title="甲某">甲某
</div>
<input type="text" name="T1" style="width:300px" > <input type="button" value=" b1 " onclick="setText()" >
</body > 
</html >

------解决方案--------------------
楼上的对，可以自己定义一些属性在标签里，然后通过getAttribute("名称")来获得自定义属性。例如：

<script>
function show(){
var a=document.getElementsByName("C1"),b=document.getElementById("T1")
for(i=0;i<a.length;i++){if(a[i].checked){b.value+=a[i].getAttribute("tag")}}
}
</script>
<input type="checkbox" name="C1" value='2010001' tag='王海'>王海
<input type="checkbox" name="C1" value='2010002' tag='李XX'>李XX
<input type="checkbox" name="C1" value='2010003' tag='陈师'>陈师
<input type="checkbox" name="C1" value='2010004' tag='甲某'>甲某
<input type="text" name="T1" >
<input type="button" name="b1" onclick="show()">

相关资料更多>

  1. js记时显示
  2. 怎么将四联动DropDownList中的值用存储过程存入数据库,用,用.
  3. 一段定时切换图片的JS，高手帮忙修改下，有点有关问题
  4. 关于基于Jquery的thickbox插件使用有关问题
  5. div的background-color设置为transparent后，就变成中空的了吗解决办法
  6. 十道不错的JavaScript面试题目
  7. 请问js熟手们一个关于this 指向发生转变，导致对象内部属性取不到的有关问题
  8. JS台历插件
  9. XML.selectNodes无法获取xml中节点的值解决方案