JS实现DataGrid模板列和DetailsView中有多个Checkbox时只许选中一个

 问题的提出:必须保证多个CheckBox只能选中一个,使用Radio有点不合适,因为必须保证选择项可以全部不被选中
解决方法来源: http://gwazy.cnblogs.com/archive/2005/07/25/199765.html
谢谢boytomato分享经验 :)

今天在此基础上添加了解决在DetailsView控件下的方法,只是只是一点点改动,记录下来,以备下次使用

1、实现 DataGrid 模板列中有多个checkbox 时只许选中一个

None.gif //  实现 DataGrid 模板列中有多个checkbox 时只许选中一个
None.gif
function  change_check(temp)
ExpandedBlockStart.gifContractedBlock.gif
dot.gif {
InBlock.gif    
var checks= temp.parentElement.parentElement.getElementsByTagName("input");
InBlock.gif    
for (i=0;i<checks.length-1;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if (checks[i]!=temp &&checks[i].checked)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            checks[i].checked
=!temp.checked ;
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

ExpandedBlockEnd.gif}

2、实现 DetailsView 模板列中有多个checkbox 时只许选中一个
ContractedBlock.gif ExpandedBlockStart.gif 实现 DetailsView 模板列中有多个checkbox 时只许选中一个
None.gif// 实现 DetailsView 模板列中有多个checkbox 时只许选中一个
None.gif
function change_check1(temp)
ExpandedBlockStart.gifContractedBlock.gif
dot.gif{
InBlock.gif    
var checks= temp.parentElement.parentElement.parentElement.getElementsByTagName("input");
InBlock.gif
InBlock.gif    
for (i=0;i<checks.length-1;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if (checks[i]!=temp &&checks[i].checked)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            checks[i].checked
=!temp.checked ;
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

ExpandedBlockEnd.gif}


3、使用方法:
None.gif < ItemTemplate >
None.gif                            
< asp:CheckBox  id ="User"  Runat ="server"  onclick ="change_check(this)" ></ asp:CheckBox >
None.gif                        
</ ItemTemplate >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值