■■投票程序中好几组单选框的有选择全选问题

apoint 2010-05-27 11:06:27
情况描述：
有一个投票，每行是一个人的记录，分三列代表三个题目，每一题都是单选。
因此每一个人（每行），对应有三组共9个单选按纽 ，命名规则为 test(题号)_（被投人序号）如 test2_3 即第3个人，第二题的一组单选。

问题
在最下面设计了几个复选框，比如 全选本题A。要求勾此勾时，把所有人的这道题的A项选中。

求高手赐教。谢谢，高分求。


----------------源代码开始,请拷入一个htm文件源文件中

<table border="1" width="100%" id="table1">
<tr>
<td width="112">序号</td>
<td width="158">命名 test1_序号</td>
<td width="148">test2_序号</td>
</tr>
<tr>
<td width="112">1</td>
<td width="158"><p>A<input type="radio" value="A" name="test1_1"> 
B<input type="radio" value="B" name="test1_1">  C<input type="radio" value="C" name="test1_1"></p>
</td>
<td width="148"><p>A<input type="radio" value="A" name="test2_1"> 
B<input type="radio" value="B" name="test2_1">  C<input type="radio" value="C" name="test2_1"></p>
</td>
</tr>
<tr>
<td width="112">2</td>
<td width="158"><p>A<input type="radio" value="A" name="test1_2"> 
B<input type="radio" value="B" name="test1_2">  C<input type="radio" value="C" name="test1_2"></p>
</td>
<td width="148"><p>A<input type="radio" value="A" name="test2_2"> 
B<input type="radio" value="B" name="test2_2">  C<input type="radio" value="C" name="test2_2"></p>
</td>
</tr>
<tr>
<td width="112">3</td>
<td width="158"><p>A<input type="radio" value="A" name="test1_3"> 
B<input type="radio" value="B" name="test1_3">  C<input type="radio" value="C" name="test1_3"></p>
</td>
<td width="148"><p>A<input type="radio" value="A" name="test2_3"> 
B<input type="radio" value="B" name="test2_3">  c<input type="radio" value="C" name="test2_3"></p>
</td>
</tr>
<tr>
<td width="112">　</td>
<td width="158">
<p>本题全选A<input type="checkbox" name="C1" value="ON"></p>
<p>本题全选B<input type="checkbox" name="C2" value="ON"></p>
<p>本题全选<span lang="en">c</span><input type="checkbox" name="C3" value="ON"><span lang="en"> </span></p>
</td>
<td width="148">
<p>本题全选A<input type="checkbox" name="C4" value="ON"></p>
<p>本题全选B<input type="checkbox" name="C5" value="ON"></p>
<p>本题全选<span lang="en">c</span><input type="checkbox" name="C6" value="ON"><span lang="en"> </span></p></td>
</tr>
</table>

------------------------------------源代码结束,请拷入一个htm文件源文件中
...全文
102 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
shan1119 2010-05-27
  • 打赏
  • 举报
 回复 
<table border="1" width="100%" id="table1">

<tr>

<td width="112">序号</td>

<td width="158">命名 test1_序号</td>

<td width="148">test2_序号</td>

</tr>

<tr>

<td width="112">1</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_1">   

B<input type="radio" value="B" name="test1_1">  C<input type="radio" value="C" name="test1_1"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_1">   

B<input type="radio" value="B" name="test2_1">  C<input type="radio" value="C" name="test2_1"></p>

</td>

</tr>

<tr>

<td width="112">2</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_2">   

B<input type="radio" value="B" name="test1_2">  C<input type="radio" value="C" name="test1_2"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_2">   

B<input type="radio" value="B" name="test2_2">  C<input type="radio" value="C" name="test2_2"></p>

</td>

</tr>

<tr>

<td width="112">3</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_3">   

B<input type="radio" value="B" name="test1_3">  C<input type="radio" value="C" name="test1_3"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_3">   

B<input type="radio" value="B" name="test2_3">  c<input type="radio" value="C" name="test2_3"></p>

</td>

</tr>

<tr>

<td width="112">　</td>

<td width="158">

<p>本题全选A<input type="checkbox" name="C1" value="ON"></p>

<p>本题全选B<input type="checkbox" name="C2" value="ON"></p>

<p>本题全选<span lang="en">c</span><input type="checkbox" name="C3" value="ON"><span lang="en"> </span></p>

</td>

<td width="148">

<p>本题全选A<input type="checkbox" name="C4" value="ON"></p>

<p>本题全选B<input type="checkbox" name="C5" value="ON"></p>

<p>本题全选<span lang="en">c</span><input type="checkbox" name="C6" value="ON"><span lang="en"> </span></p></td>

</tr>

</table>

<script>

    var chk=document.getElementsByTagName("input");

    for(var i=0;i<chk.length;i++){

        if(chk[i].type=="checkbox"){

            chk[i].onclick=function(){

                var id=parseInt(this.name.substring(1));

                var qId=Math.ceil(id/3);

                var aId=id%3;

                

                if(aId==0)aId=3;

                document.getElementsByName("test"+qId+"_1")[aId-1].checked=this.checked;

                document.getElementsByName("test"+qId+"_2")[aId-1].checked=this.checked;

                document.getElementsByName("test"+qId+"_3")[aId-1].checked=this.checked;

                for(var j=1;j<=3;j++)

                    if(this.name!=("C"+(j+(qId-1)*3)))document.getElementsByName("C"+(j+(qId-1)*3))[0].checked=false;

            }

        }

    }

</script>
vnetcbd 2010-05-27
  • 打赏
  • 举报
 回复 






<table border="1" width="100%" id="table1">

    <tr>

        <td width="112">序号</td>

        <td width="158">命名 test1_序号</td>

        <td width="148">test2_序号</td>

    </tr>

    <tr>

        <td width="112">1</td>

        <td width="158"><p>A<input type="radio" value="A" name="test1_1">  

        B<input type="radio" value="B" name="test1_1">  C<input type="radio" value="C" name="test1_1"></p>

        </td>

        <td width="148"><p>A<input type="radio" value="A" name="test2_1">  

        B<input type="radio" value="B" name="test2_1">  C<input type="radio" value="C" name="test2_1"></p>

        </td>

    </tr>

    <tr>

        <td width="112">2</td>

        <td width="158"><p>A<input type="radio" value="A" name="test1_2">  

        B<input type="radio" value="B" name="test1_2">  C<input type="radio" value="C" name="test1_2"></p>

        </td>

        <td width="148"><p>A<input type="radio" value="A" name="test2_2">  

        B<input type="radio" value="B" name="test2_2">  C<input type="radio" value="C" name="test2_2"></p>

        </td>

    </tr>

    <tr>

        <td width="112">3</td>

        <td width="158"><p>A<input type="radio" value="A" name="test1_3">  

        B<input type="radio" value="B" name="test1_3">  C<input type="radio" value="C" name="test1_3"></p>

        </td>

        <td width="148"><p>A<input type="radio" value="A" name="test2_3">  

        B<input type="radio" value="B" name="test2_3">  c<input type="radio" value="C" name="test2_3"></p>

        </td>

    </tr>

    <tr>

        <td width="112">　</td>

        <td width="158">

        <p>本题全选A<input type="checkbox" name="C1" value="ON" onclick="selectid(0,1);"></p>

        <p>本题全选B<input type="checkbox" name="C2" value="ON" onclick="selectid(1,1);"></p>

        <p>本题全选<span lang="en">c</span><input type="checkbox" name="C3" value="ON" onclick="selectid(2,1);"><span lang="en"> </span></p>

        </td>

        <td width="148">

        <p>本题全选A<input type="checkbox" name="C4" value="ON" onclick="selectid(0,2);"></p>

        <p>本题全选B<input type="checkbox" name="C5" value="ON" onclick="selectid(1,2);"></p>

        <p>本题全选<span lang="en">c</span><input type="checkbox" name="C6" value="ON" onclick="selectid(2,2);"><span lang="en"> </span></p></td>

    </tr>

</table>

<script>

function selectid(cout,i){

	var id = document.getElementById('table1');

	var len = id.getElementsByTagName('tr').length;

	for(var j=1;j<len-1;j++){

		

			id.rows[j].cells[i].getElementsByTagName('input')[cout].checked = true  ;

		

	}

}





</script>
wwq0123 2010-05-27
  • 打赏
  • 举报
 回复 


<!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>



 <body>

  <table border="1" width="100%" id="table1">

<tr>

<td width="112">序号</td>

<td width="158">命名 test1_序号</td>

<td width="148">test2_序号</td>

</tr>

<tr>

<td width="112">1</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_1">   

B<input type="radio" value="B" name="test1_1">  C<input type="radio" value="C" name="test1_1"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_1">   

B<input type="radio" value="B" name="test2_1">  C<input type="radio" value="C" name="test2_1"></p>

</td>

</tr>

<tr>

<td width="112">2</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_2">   

B<input type="radio" value="B" name="test1_2">  C<input type="radio" value="C" name="test1_2"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_2">   

B<input type="radio" value="B" name="test2_2">  C<input type="radio" value="C" name="test2_2"></p>

</td>

</tr>

<tr>

<td width="112">3</td>

<td width="158"><p>A<input type="radio" value="A" name="test1_3">   

B<input type="radio" value="B" name="test1_3">  C<input type="radio" value="C" name="test1_3"></p>

</td>

<td width="148"><p>A<input type="radio" value="A" name="test2_3">   

B<input type="radio" value="B" name="test2_3">  c<input type="radio" value="C" name="test2_3"></p>

</td>

</tr>

<tr>

<td width="112">　</td>

<td width="158">

<p>本题全选A<input type="checkbox" name="C1" value="ON" onclick="selectResult(this,1,'A');"></p>

<p>本题全选B<input type="checkbox" name="C2" value="ON" onclick="selectResult(this,1,'B');"></p>

<p>本题全选C<input type="checkbox" name="C3" value="ON" onclick="selectResult(this,1,'C');"></p>

</td>

<td width="148">

<p>本题全选A<input type="checkbox" name="C4" value="ON" onclick="selectResult(this,2,'A');"></p>

<p>本题全选B<input type="checkbox" name="C5" value="ON" onclick="selectResult(this,2,'B');"></p>

<p>本题全选C<input type="checkbox" name="C6" value="ON" onclick="selectResult(this,2,'C');"></p></td>

</tr>

</table>

<script type="text/javascript">

        //index为第几题，r为选择哪个答案

	var selectResult=function(c,index,r){

		var rad_result = document.getElementsByTagName("input");

		for(var i=0;i<rad_result.length;i++){

			if(rad_result[i].type.toLowerCase()=="radio"

				&&rad_result[i].name.indexOf("test"+index)>=0

				&&rad_result[i].value==r){

				if(c.checked){

					rad_result[i].checked=true;

				}

				else{

					rad_result[i].checked=false;

				}

			}

		}

		unselectCheck(c);

	}



	var unselectCheck=function(c){

		var checkboxs=document.getElementsByTagName("input");

		for(var i=0;i<checkboxs.length;i++){

			if(checkboxs[i].type.toLowerCase()=="checkbox"&&checkboxs[i]!=c){

				if(c.checked){

					checkboxs[i].checked=false;

				}

			}

		}

	}

</script>

 </body>

</html>
带CheckBox的listView 支持多选,全选,反选
带CheckBox的listView 支持多选,全选,反选, 的功能，网上有好多遇见的这种需求做起来有bug，在这里都完美解决了
解决Win 10与不兼容VirtualBox操作过程文档+（附带软件）.zip
配套博客地址：https://bamboo.blog.csdn.net/article/details/110222153 配套博客标题（完美解决）升级win10，提示VirtualBox 立即卸载此应用，因为它与Windows 10 不兼容 适用人群：在线更新Windows或者离线更新Windows的人群 解压之后打开文件夹【附带软件】之中的EXE文件，等待5-6秒检索完成，搜索virtualbox，全选删除所有文件（不删除的不用管），之后返回更新界面即可。 详细请参考博客或者压缩包内的文件 有问题可以私下联系我，如果看到可以帮忙远程操作
微信小程序开发 快速入门 基础+提高 在线记事本项目实战视频教程
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用的随开随用，用户只需要用微信扫一扫或者通过微信搜一下即可打开应用，使用完即可关闭，还可以把小程序添加到桌面，真正的做到了便捷方便，用完就走。通过一个任务记事本小程序快速入门微信小程序开发，了解整个开发流程及技巧，学习及掌握小程序开发当中基础的，常用的一些重要知识点（如布局，样式，数据模型和绑定，与界面的交互操作，如添加，清除任务，切换任务的状态，全选，操作本地缓存等）
VUE：checkbox 单选框（单选、多选）、一选全选 / 全选一选、表格单选列实现
1. 效果：如红框中部分。 一选全选：表头上的单选框选中则下面每行都选中。 全选一选：表中数据每行都选中时，自动选中表头中那个单选框。 2. 代码： 我的表格是作的万能表格，所有表头、表数据都来自参数，此处略。 对于表格使用及实现方法见博文：VUE : 双重 for 循环写法、table 解析任意 list &lt;template&gt; &lt;div&gt; ...
易语言选单选框分组框API全选取消
本节视频录制了对易语言单选框和分组框的全选与取消，分别采用了SendMessageA、PostMessageA、GetDlgCtrlID、CheckDlgButton等API来分三种方法实现。 视频链接： 75 单选框分组框API全选取消源码： .版本 2 .子程序 _单选框5_被单击 .如果真 (单选框5.选中) 运行 (读环境变量 (“windir”) ＋ “\notepad.exe”, 假, ) .如果真结束 .子程序 _按钮1_被单击, , , 1--选中 SendMess
JavaScript

87,904

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章