怎么在jsp页面实现一次选择多个checkbox,特别是在使用jsf技术的时候
日期：2014-05-16 浏览次数：20374 次
如何在jsp页面实现一次选择多个checkbox,特别是在使用jsf技术的时候？
我想实现在一个表头中有个checkbox,下面每行都有一个checkbox, 当选择表头的checkbox的时候下面所有的checkbox都被选择？
请问这怎么实现？
我用的是JSF的模式，如果不能用这个jsf模式来实现，是否可以在jsp上直接用脚本来实现？如何用脚本来实现？
谢谢！！
------解决方案--------------------
function selAll() {
var isChecked=(document.all.titleCheckBoxId.checked == true);
var elements=document.all.tableId.getElementsByTagName( "INPUT ");
for(i=0;i <elements.length; i++) {
var element=elements[i];
if (element.type== 'checkbox ' && element.name== 'checkName ')
element.checked=isChecked;
}
}
------解决方案--------------------
<html>
<head>
<script>
function myFun()
{
var ckb = document.getElementById( "ckb ");
var table = document.getElementById( "table ");
var tBody = table.childNodes[0];
for ( var i=0 ;i <tBody.childNodes.length;i++)
{
var row = tBody.childNodes[i];
var cell = row.childNodes[0];// 表格第一个单元格放置checkbox
if ( cell.childNodes[0].getAttribute ( "type ")== "checkbox ")
{
cell.childNodes[0].checked = ckb.checked;
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type= "checkbox " id= "ckb " onClick= "myFun(); ">
</td>
</tr>
<tr>
<td>
<table id= "table ">
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
用DOM的形式作了一个例子，希望对你有帮助
------解决方案--------------------
上边的都可以
我想实现在一个表头中有个checkbox,下面每行都有一个checkbox, 当选择表头的checkbox的时候下面所有的checkbox都被选择？
请问这怎么实现？
我用的是JSF的模式，如果不能用这个jsf模式来实现，是否可以在jsp上直接用脚本来实现？如何用脚本来实现？
谢谢！！
------解决方案--------------------
function selAll() {
var isChecked=(document.all.titleCheckBoxId.checked == true);
var elements=document.all.tableId.getElementsByTagName( "INPUT ");
for(i=0;i <elements.length; i++) {
var element=elements[i];
if (element.type== 'checkbox ' && element.name== 'checkName ')
element.checked=isChecked;
}
}
------解决方案--------------------
<html>
<head>
<script>
function myFun()
{
var ckb = document.getElementById( "ckb ");
var table = document.getElementById( "table ");
var tBody = table.childNodes[0];
for ( var i=0 ;i <tBody.childNodes.length;i++)
{
var row = tBody.childNodes[i];
var cell = row.childNodes[0];// 表格第一个单元格放置checkbox
if ( cell.childNodes[0].getAttribute ( "type ")== "checkbox ")
{
cell.childNodes[0].checked = ckb.checked;
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type= "checkbox " id= "ckb " onClick= "myFun(); ">
</td>
</tr>
<tr>
<td>
<table id= "table ">
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
<tr>
<td>
<input type= "checkbox " >
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
用DOM的形式作了一个例子，希望对你有帮助
------解决方案--------------------
上边的都可以
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
