首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-03-29 
急,如何获取循环随checkbox生成的文字我动态循环生成了十几个checkbox:input typecheckbox nameC1

急,如何获取循环随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()">

热点排行