实现全选,多选,反选的另一做法

有三个radio和8个文本框
点击的第一个radio的时候,8个文本框可以被编辑
点击的第二个radio的时候,其中四个文本框随机被disabled,
点击的第三个radio的时候,剩下四个文本框被disabled,原来被disabled的恢复可以编辑 

代码实现,但有缺陷,等待改建

 

< script language = " javascript " >  
function  selectIt1(action){ 
    
if (action == " selectAll " ){
    
for ( var  i = 1 ;i < 9 ;i ++ ){
    document.getElementById(
" text " + i).disabled = ""
    }
    } 
    
else   if (action == 4 ){
    
var  arr_1  =   new  Array();
var  rstArr  =   new  Array();
for ( var  i  =   1 ; i < 9 ; i ++ )
{
    arr_1[i] 
=  i;
}
for ( var  i  =   1 ; i < 5 ; i ++ )
{
    
var  z  =  Math.floor(( 9 - i) * Math.random());

    rstArr.push(arr_1[z]);
    arr_1.splice(z,
1 );
}
var  c = rstArr.join( " , " );    
a
= c.split( " , " );
var  k = 0 ;

while (k ++< 9 ){
document.getElementById(
" text " + k).disabled = ""
    
for ( var  i  in  a){
    i
= a[i];
    document.getElementById(
" text " + i).disabled = " disabled "
    alert(a)
    }
    }
    }
    
else {
    
for ( var  i = 1 ;i < 9 ;i ++ ){
    
var  dis = document.getElementById( " text " + i);
    
if (dis.disabled == true ){
    dis.disabled
= ""
    }
    
else {
    dis.disabled
= " disabled "
    }
    }
    }
    






</ script >  
< form name = " bdkey "  id = " bdkey " >  
< input name = " an1 "  type = " radio "  id = " an1 "  value = " 1 "  onClick = " selectIt1('selectAll') " >
< input name = " an1 "  type = " radio "  id = " an1 "  value = " 2 "  onClick = " selectIt1(4) " >
< input name = " an1 "  type = " radio "  id = " an1 "  value = " 3 "  onClick = " selectIt1() " >
< input name = " text1 "  type = " text "  id = " text1 "  disabled = " disabled " >
< input name = " text2 "  type = " text "  id = " text2 "  disabled = " disabled " >
< input name = " text3 "  type = " text "  id = " text3 "  disabled = " disabled " >
< input name = " text4 "  type = " text "  id = " text4 "  disabled = " disabled " >
< input name = " text5 "  type = " text "  id = " text5 "  disabled = " disabled " >
< input name = " text6 "  type = " text "  id = " text6 "  disabled = " disabled " >
< input name = " text7 "  type = " text "  id = " text7 "  disabled = " disabled " >
< input name = " text8 "  type = " text "  id = " text8 "  disabled = " disabled " >
</ form >  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一把编程的菜刀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值