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

怎么取得checkbox选中的值

2012-03-23 
如何取得checkbox选中的值表:mytable和textbox1checkbox列user_iduser_name1小华2小强5小白..........如果

如何取得checkbox选中的值
表:mytable和textbox1
checkbox列     user_id     user_name
                                1             小华
                                2             小强
                                5             小白
      ...                 ....             ...
如果1.3行选中,如何得到user_id的值并显示在文本框中.如本例文本框显示的是:1,5

[解决办法]
script language=JavaScript>
function init(){
var checkboxs = document.getElementsByName( 'check ');
for (var i = 0;i < checkboxs.length; i++){
document.getElementById( "文本框ID ").value=checkboxs[i].value;
}
}
</script>
</head>
<body onload=init()>
<input name=check type=checkbox value=1 checked>
<input name=check type=checkbox value=2 checked>
<input name=check type=checkbox value=3 checked>
<input name=check type=checkbox value=4 checked>
<input name=check type=checkbox value=5 checked>
[解决办法]
getParameterValue(String name) 返回的应该是叔祖,name填checkbox的name
[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">

<script language= "javascript ">

function onload()
{

var arr=document.getElementsByTagName( "input ");
for (var i=0;i <arr.length ;i++ )
{
if (arr[i].type== "checkbox ")
{
arr[i].attachEvent( "onclick ",fangfa);
}
}
}

function fangfa()
{
document.forms[0].text.value+=event.srcElement.value;
}
</script>
</HEAD>

<BODY onload= "onload() ">
<form id= "a ">
<input type= "text " name= "text "/>
<input name=check type=checkbox value=1 >
<input name=check type=checkbox value=2 >
<input name=check type=checkbox value=3 >
<input name=check type=checkbox value=4 >
<input name=check type=checkbox value=5 >

</form>
</BODY>
</HTML>

[解决办法]
人家给你的是对的,自己想想问题出在哪里了吧
[解决办法]
你在生成checkbox的时候就把user_id的值放到checkbox的value里面去,然后用1楼的方法取出来就可以了
[解决办法]
<table style="width: 205px; height: 64px">
<tr>
<td>
checkbox</td>


<td>
user_id</td>
<td>
user_name</td>
</tr>
<tr>
<td>
<input id="Checkbox1" type="checkbox" onclick="setCheck(this)" /></td>
<td>
1</td>
<td>
小华</td>
</tr>
<tr>
<td>
<input id="Checkbox2" type="checkbox" onclick="setCheck(this)" /></td>
<td>
2</td>
<td>
小强</td>
</tr>
<tr>
<td>
<input id="Checkbox3" type="checkbox" onclick="setCheck(this)"/></td>
<td>
5</td>
<td>
小白</td>
</tr>
</table>

<input type="text" id="check_ids" />

<script type="text/javascript">
function setCheck(obj)
{
var id = obj.parentElement.nextSibling.innerText+",";
if(obj.checked==true)
{
document.getElementById("check_ids").value = document.getElementById("check_ids").value+id;
}
else
{
document.getElementById("check_ids").value = document.getElementById("check_ids").value.replace(id,'');
}
}
</script>

热点排行