使用JavaScript实现CheckBoxList单选两种方法
2008-07-17 15:38
916 查看
有人问,既然RadioButtonList可以实现单选,哪么为什么还要用CheckBoxList实现单选呢?这样做除去费时以外好像没有什么“好处”;但是有时用RadioButtonList实现单选不太合适。例如:我是用户,我选择其中一项后,又不想选择其中一项怎么办?而且那个RadioButtonList怎么看都不顺眼,确实有点丑。好了废话不说了,实现CheckBoxList单选的代码如下:
方法1:
1function CheckSelect()
2function CheckSelect()
2 {
3 var tb = document.getElementById("CheckBoxList1");
4 for(var i=0;i < tb.rows.length;i++)
5 {
6 for(var j =0; j < tb.rows[i].cells.length; j++)
7 {
8 var chk = tb.rows[i].cells[j].firstChild;
9 if(chk!= null && chk != event.srcElement)
10 {
11 chk.checked = false;
12 }
13 }
14 }
15 }
此方法适用于横向排列,且指定了RepeatColumns情况。
方法1:
1function CheckSelect()
2function CheckSelect()
2 {
3 var tb = document.getElementById("CheckBoxList1");
4 for(var i=0;i < tb.rows.length;i++)
5 {
6 for(var j =0; j < tb.rows[i].cells.length; j++)
7 {
8 var chk = tb.rows[i].cells[j].firstChild;
9 if(chk!= null && chk != event.srcElement)
10 {
11 chk.checked = false;
12 }
13 }
14 }
15 }
此方法适用于横向排列,且指定了RepeatColumns情况。
相关文章推荐
- JavaScript控制CheckBoxList单选两种方法
- javascript使用shift+click实现选择和反选checkbox的方法
- javascript使用shift+click实现选择和反选checkbox的方法
- 使用javascript和jquery两种方法,实现密码明文和密文的转换
- 用js方法实现CheckBoxList单选功能
- JavaScript的String类型replace()方法介绍和使用replace()方法实现简单html模板替换功能
- 使用JAVASCRIPT实现静态物体、静态方法和静态属性
- 实现javaScript对象的"继承"的两种方法(prototype与闭包)
- 两种方法使用js读写cookie实现一个底部广告浮层效果
- DataGrid中加入CheckBox,并实现单选 listhome [原作]
- 使用classList来实现两个按钮样式的切换方法
- Javascript中bind()方法的使用与实现
- 使用angular如何实现让checkbox单选,只能选择一个呢?
- 使用JavaScript 实现对象 匀速/变速运动的方法
- javascript实现点击单选按钮链接转向对应网址的方法
- checkbox无法立即实现onchange的两种替代方法(onchange和onpropertychange的区别)
- 使用JavaScript和CSS实现文本隔行换色的方法
- 利用ajax实现前台javascript同c#后台MVC下的aspx.cs文件传递数据的两种方法
- 两种方法使用jquery实现左右移动效果(包含each遍历方式)
- DevExpress实现TreeList按条件隐藏节点CheckBox的方法