Jsp之复选框的使⽤1、全选复选框
getElementsByName返回的是数组
<script type="text/JavaScript">
function selectAll(flag){
var ids = ElementsByName("ids");
for(var i=0;i<ids.length;i++){
ids[i].checked=flag;
}
}
</script>
checkbox的name值要与js对应
<input type="checkbox" name="ids" value=<%=("id")%> />
调⽤:
⽤另⼀个checkbox调⽤
<input type="checkbox" name="checkall" value=""script在html中的用法
onclick="javascript:selectAll(this.checked);">
⽤链接或button调⽤,并实现全不选
<a href="#" onclick="javascript:selectAll(true);">全选</a>
<input type="button" onclick="javascript:selectAll(false);" value="取消全选">
2、获取所选的框的个数
function getSelectCount() {
var count = 0;
var ids = ElementsByName("ids");
for ( var i = 0; i < ids.length; i++) {
if (ids[i].checked) {
count++;
}
}
return count;
}
3、提交所选框代表的各个值(即value属性)到action中
要求各个checkbox的name是ids,且在⼀个name="form1"的表单中
function del() {
if(getSelectCount()<1){
alert("⾄少要选中⼀个选项!!");}
else {
var th = document.form1;
th.action="<%=path%>/servlet/ProductEdit?action=del";
th.submit();
}
}
在dopost中获取ids数组
String[] ParameterValues("ids");
Done!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。