asp网页中多个form,使用javascript全选反选功能
哪位前辈帮我写这段js脚本代码,一个网页中有多个form，每个form中有全选，反选。要实现的功能，当点击该form中的全选，反选按扭，实现该form中的全选反选功能。能...
哪位前辈帮我写这段js脚本代码,一个网页中有多个form，每个form中有全选，反选。要实现的功能，当点击该form中的全选，反选按扭，实现该form中的全选反选功能。能否用一条js语句,当点击播放时，检查有没有选择歌曲 感激不尽!!!
<form name="form1">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form>
<form name="form2">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form>
<form name="form3">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form> 展开
<form name="form1">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form>
<form name="form2">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form>
<form name="form3">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" /><input type="button" value="反选"/><input type="button" value="播放" />
</form> 展开
6个回答
展开全部
<!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="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function check_all(n){
for (i=0;i<document.forms[n].range.length;i++){
document.forms[n].item(i).checked=true;
}
}
function cancelClick(n){
for (i=0;i<document.forms[n].range.length;i++){
document.forms[n].item(i).checked=false;
}
}
function clickbox(n){
var num=0;
for (i=0;i<document.forms[n].range.length;i++){
if(document.forms[n].item(i).checked){
num++;
}
}
if(num<1)alert("请至少选择其中一条!");
}
</SCRIPT>
<BODY>
<form name="form1">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(0)"/><input type="button" value="反选" onclick="cancelClick(0)"/><input type="button" value="播放" onclick="clickbox(0);"/>
</form>
<form name="form2">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(1)"/><input type="button" value="反选" onclick="cancelClick(1)"/><input type="button" value="播放" onclick="clickbox(1);"/>
</form>
<form name="form3">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(2)"/><input type="button" value="反选" onclick="cancelClick(2)"/><input type="button" value="播放" onclick="clickbox(2);"/>
</form>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function check_all(n){
for (i=0;i<document.forms[n].range.length;i++){
document.forms[n].item(i).checked=true;
}
}
function cancelClick(n){
for (i=0;i<document.forms[n].range.length;i++){
document.forms[n].item(i).checked=false;
}
}
function clickbox(n){
var num=0;
for (i=0;i<document.forms[n].range.length;i++){
if(document.forms[n].item(i).checked){
num++;
}
}
if(num<1)alert("请至少选择其中一条!");
}
</SCRIPT>
<BODY>
<form name="form1">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(0)"/><input type="button" value="反选" onclick="cancelClick(0)"/><input type="button" value="播放" onclick="clickbox(0);"/>
</form>
<form name="form2">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(1)"/><input type="button" value="反选" onclick="cancelClick(1)"/><input type="button" value="播放" onclick="clickbox(1);"/>
</form>
<form name="form3">
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check_all(2)"/><input type="button" value="反选" onclick="cancelClick(2)"/><input type="button" value="播放" onclick="clickbox(2);"/>
</form>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//使用规则
//全选 onclick="CheckAll(this.form)"
//反选 onclick="CheckInverse(this.form)"
//播放检查 onclick="CheckSome(this.form)"
function CheckAll(form) {
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') e.checked = true;
}
}
function CheckInverse(form) {
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') {
if (e.checked) e.checked = false;
else e.checked = true;
}
}
}
function CheckSome(form) {
var j=0;
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') {if (e.checked) j++;}
}
if (j==0) alert("没有选择歌曲！");
else alert("有选择！");
}
//全选 onclick="CheckAll(this.form)"
//反选 onclick="CheckInverse(this.form)"
//播放检查 onclick="CheckSome(this.form)"
function CheckAll(form) {
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') e.checked = true;
}
}
function CheckInverse(form) {
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') {
if (e.checked) e.checked = false;
else e.checked = true;
}
}
}
function CheckSome(form) {
var j=0;
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == 'range') {if (e.checked) j++;}
}
if (j==0) alert("没有选择歌曲！");
else alert("有选择！");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="p.selectAll(this)" />
<input type="button" value="反选" onclick="p.cancelAll(this);"/>
<input type="button" value="播放" onclick="p.play(this);" />
按钮加上事件
<script type="text/javascript">
//<![CDATA[
function paperstudio_play(){};
paperstudio_play.prototype={
getCheckbox:function(me){
var p=me.parentNode;
var c=p.getElementsByTagName("input");
var t=[];
for(var i=0,l=c.length;i<l;i++){
if(c[i].getAttribute("type")=="checkbox"){
t.push(c[i]);
}
}
return t;
},
selectAll:function(me){
var t=this.getCheckbox(me);
for(var j=0,l=t.length;j<l;j++){
t[j].checked=true;
}
},
cancelAll: function(me){
var t=this.getCheckbox(me);
for (var j = 0, l = t.length; j < l; j++) {
t[j].checked = false;
}
},
play:function(me){
var t=this.getCheckbox(me);
for (var j = 0, l = t.length; j < l; j++) {
if(t[j].checked == true){
//do something......
return;
}else{
if(j==t.length-1){
alert("please choose music !");
}
}
}
}
};
var p=new paperstudio_play();
//]]
</script>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="checkbox" name="range" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="p.selectAll(this)" />
<input type="button" value="反选" onclick="p.cancelAll(this);"/>
<input type="button" value="播放" onclick="p.play(this);" />
按钮加上事件
<script type="text/javascript">
//<![CDATA[
function paperstudio_play(){};
paperstudio_play.prototype={
getCheckbox:function(me){
var p=me.parentNode;
var c=p.getElementsByTagName("input");
var t=[];
for(var i=0,l=c.length;i<l;i++){
if(c[i].getAttribute("type")=="checkbox"){
t.push(c[i]);
}
}
return t;
},
selectAll:function(me){
var t=this.getCheckbox(me);
for(var j=0,l=t.length;j<l;j++){
t[j].checked=true;
}
},
cancelAll: function(me){
var t=this.getCheckbox(me);
for (var j = 0, l = t.length; j < l; j++) {
t[j].checked = false;
}
},
play:function(me){
var t=this.getCheckbox(me);
for (var j = 0, l = t.length; j < l; j++) {
if(t[j].checked == true){
//do something......
return;
}else{
if(j==t.length-1){
alert("please choose music !");
}
}
}
}
};
var p=new paperstudio_play();
//]]
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form name="form1">
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range1',true)"/><input type="button" value="反选" onclick="check('range1',false)"/><input type="button" value="播放" />
</form>
<form name="form2">
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range2',true)"/><input type="button" value="反选" onclick="check('range2',false)"/><input type="button" value="播放" />
</form>
<form name="form3">
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range3',true)"/><input type="button" value="反选" onclick="check('range3',false)"/><input type="button" value="播放" />
</form>
<script language="javascript" type="text/javascript">
function check(objStr, b) {
var obj=document.getElementsByName(objStr);
for (i = 0; i < obj.length; i++) {
obj[i].checked = b;
}
}
</script>
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="checkbox" name="range1" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range1',true)"/><input type="button" value="反选" onclick="check('range1',false)"/><input type="button" value="播放" />
</form>
<form name="form2">
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="checkbox" name="range2" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range2',true)"/><input type="button" value="反选" onclick="check('range2',false)"/><input type="button" value="播放" />
</form>
<form name="form3">
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="checkbox" name="range3" value="<%=rs(0)%>"/>
<input type="button" value="全选" onclick="check('range3',true)"/><input type="button" value="反选" onclick="check('range3',false)"/><input type="button" value="播放" />
</form>
<script language="javascript" type="text/javascript">
function check(objStr, b) {
var obj=document.getElementsByName(objStr);
for (i = 0; i < obj.length; i++) {
obj[i].checked = b;
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function selectAll(obj){
var chkobj = document.getElementsByName("chkid");
if(chkobj!=null){
if(obj.checked){
for(var i=0;i<chkobj.length;i++){
chkobj[i].checked=true;
}
}
else{
for(var i=0;i<chkobj.length;i++){
chkobj[i].checked=false;
}
}
}
只要每个OBJ不同就行了.
var chkobj = document.getElementsByName("chkid");
if(chkobj!=null){
if(obj.checked){
for(var i=0;i<chkobj.length;i++){
chkobj[i].checked=true;
}
}
else{
for(var i=0;i<chkobj.length;i++){
chkobj[i].checked=false;
}
}
}
只要每个OBJ不同就行了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
