`
abcs007
  • 浏览: 73253 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

checkbox checked disable

阅读更多
<div>
                <input id="islive" name="islive"  type="Radio" value="true"   onclick=check(this)>Yes
		<input id="islive" name="islive"  type="Radio" value="false" checked onclick=check(this)> No

                <input id="gender" name="gender"  type="Radio" value="true" onclick=''>Yes
		<input id="gender" name="gender"  type="Radio" checked value="false" onclick="">No"
</div>

用javascript 拿出checkbox的值

var live =document.getElementsByName('islive');  拿到的是个数组,现在要根据islive的值disable gender

function check(isLive){
	var val = isLive.value;
	
	var ckl = (document.getElementsByName('gender').length);
	if(val=='true'){
		for(i=0;i<ckl;i++){
			document.getElementsByName('gender')[i].disabled = true;
		}
		
	}else{
		for(i=0;i<ckl;i++){
			document.getElementsByName('gender')[i].disabled = false;
		}
	}
}

 有时为了需要,check(isLive) 函数不能传入参数,则函数可以写为

function check(){
	var live =document.getElementsByName('islive');
	var gender= document.getElementsByName('gender');
	
	for(i=0;i<live.length;i++){
		if(live[i].checked == true && live[i].value=='true'){
			for(i=0;i<gender.length;i++){
				document.getElementsByName('gender')[i].disabled = true;
			}
		}
	}
}
 

其实check()和check(isLive)是一样的,可以根据传入的参数判断(arguments)。javascript支持多态。

分享到:
评论

相关推荐

    设置checkbox为只读(readOnly)的两种方式

    在网页表单设计中,有时候我们希望用户能够看到checkbox(复选框)的状态,但不允许他们修改这些状态,这时就需要将checkbox设置为只读。尽管HTML标准中并未提供直接的`readOnly`属性来实现这一功能,但我们可以通过...

    美化版checkboxradio等

    console.log('Checkbox or radio just checked!'); }); ``` 4. **动态操作**:在运行时,可以通过`.iCheck('check')`、`.iCheck('uncheck')`、`.iCheck('disable')`和`.iCheck('enable')`等方法改变控件状态。 总...

    jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

    alert('Checkbox is now checked!'); }); ``` **四、API与方法** iCheck.js提供了一些实用的方法,如`.iCheck('check')`、`.iCheck('uncheck')`、`.iCheck('disable')`和`.iCheck('enable')`,这些方法可以用于...

    详解Bootstrap的iCheck插件checkbox和radio

    Bootstrap的iCheck插件是一款强大的复选框(checkbox)和单选按钮(radio button)美化与功能增强工具,尤其适合于跨平台和设备的应用。它不仅确保在不同的浏览器(包括IE6+)和设备(桌面及移动设备)上提供一致的...

    tl866cs转tl866a V2.5

    If the copy protection checkbox is checked leave it alone. This is important if you leave the copy protect bit unchecked then the new firmware will disable the bootmode, so beware! 5.Serial number and...

    Jquery mobile UI组件详解

    &lt;input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"/&gt; &lt;label for="radio-choice-1"&gt;Cat &lt;label for="radio-choice-2"&gt;Dog &lt;label for="radio-choice-3"&gt;...

    iCheck控件包

    console.log('Checkbox is checked!'); }); ``` 三、在项目中集成iCheck 1. 安装:可以通过npm或yarn安装iCheck,命令如下: ``` npm install icheck yarn add icheck ``` 2. 引入:在项目中引入所需的CSS和...

    js实现iPhone界面风格的单选框和复选框按钮实例

    $('.checkbox', parent).attr('checked', true); }); $(".cb-disable").click(function() { var parent = $(this).parents('.switch'); $('.cb-enable', parent).removeClass('selected'); $(this).addClass...

    javaScript面试精选

    - 选中一个checkbox: `document.getElementById('checkboxId').checked = true;` - 设置一个checkbox无效: `document.getElementById('checkboxId').disabled = true;` **9. form中的input可以设置为readonly和...

    BootstrapPlugin - toggleButton 使用笔记

    if ($(this).prop('checked')) { console.log('Switch is ON'); } else { console.log('Switch is OFF'); } }); ``` 在实际项目中,你可能需要对toggleButton进行更多的自定义,如更改文本标签、添加图标等。...

    滑动按钮插件switchery

    6. **API调用**:Switchery还提供了一些API方法,如`disable()`和`enable()`来禁用或启用开关,以及`toggle()`来切换开关状态。 7. **CSS自定义**:由于Switchery基于CSS3,你可以进一步自定义滑动开关的样式,通过...

    EXT各个控件属性(7)[整理].pdf

    例如,`Ext.getCmp('updateb').disable();` 会禁用ID为'updateb'的按钮,而 `Ext.getCmp('deleteb').enable();` 则会启用ID为'deleteb'的按钮。 2. 面板(Panel): - `setVisible` 方法:用于控制面板的可见性。`...

    js常用面试题

    document.all.cb1[0].checked = true; ``` 设置它无效: ```javascript document.all.cb1[0].disabled = true; ``` 4. `readonly`和`disable`的区别? `readonly`使输入框不可编辑,但用户仍然可以选择和复制文本,...

    EurekaLog_7.5.0.0_Enterprise

    2)....Added: "Disable hang detection under debugger" option 3)....Fixed: Wrong button caption in standalone "Steps to reproduce" dialog 4)....Fixed: Wrong passing of Boolean parameters in JSON ...

    正则表达式

    正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它...

    ImpREC 1.7c

    - Checkbox "OpCodes" is enable/disable depending on "Hex View" (Thanks to Muffin) - Removed the useless '/' when there's no name (ordinal only) - Disassembler is allowed on valid slot too now...

    jquery1.11.0手册

    :checkbox :submit :image :reset :button :file :hidden 表单对象属性 :enabled :disabled :checked :selected 文档处理 内部插入 append(content|fn) appendTo(content) prepend(content|fn) ...

    au3反编译源码

    When checked you get verbose information when decompiling(DeTokenise) new 3.2.6+ compiled Exe Default:OFF 'Restore Includes' will separated/restore includes. requires '; Default:ON 'Use 'normal...

Global site tag (gtag.js) - Google Analytics