<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(复选框)的状态,但不允许他们修改这些状态,这时就需要将checkbox设置为只读。尽管HTML标准中并未提供直接的`readOnly`属性来实现这一功能,但我们可以通过...
console.log('Checkbox or radio just checked!'); }); ``` 4. **动态操作**:在运行时,可以通过`.iCheck('check')`、`.iCheck('uncheck')`、`.iCheck('disable')`和`.iCheck('enable')`等方法改变控件状态。 总...
alert('Checkbox is now checked!'); }); ``` **四、API与方法** iCheck.js提供了一些实用的方法,如`.iCheck('check')`、`.iCheck('uncheck')`、`.iCheck('disable')`和`.iCheck('enable')`,这些方法可以用于...
Bootstrap的iCheck插件是一款强大的复选框(checkbox)和单选按钮(radio button)美化与功能增强工具,尤其适合于跨平台和设备的应用。它不仅确保在不同的浏览器(包括IE6+)和设备(桌面及移动设备)上提供一致的...
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...
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"/> <label for="radio-choice-1">Cat <label for="radio-choice-2">Dog <label for="radio-choice-3">...
console.log('Checkbox is checked!'); }); ``` 三、在项目中集成iCheck 1. 安装:可以通过npm或yarn安装iCheck,命令如下: ``` npm install icheck yarn add icheck ``` 2. 引入:在项目中引入所需的CSS和...
$('.checkbox', parent).attr('checked', true); }); $(".cb-disable").click(function() { var parent = $(this).parents('.switch'); $('.cb-enable', parent).removeClass('selected'); $(this).addClass...
- 选中一个checkbox: `document.getElementById('checkboxId').checked = true;` - 设置一个checkbox无效: `document.getElementById('checkboxId').disabled = true;` **9. form中的input可以设置为readonly和...
if ($(this).prop('checked')) { console.log('Switch is ON'); } else { console.log('Switch is OFF'); } }); ``` 在实际项目中,你可能需要对toggleButton进行更多的自定义,如更改文本标签、添加图标等。...
6. **API调用**:Switchery还提供了一些API方法,如`disable()`和`enable()`来禁用或启用开关,以及`toggle()`来切换开关状态。 7. **CSS自定义**:由于Switchery基于CSS3,你可以进一步自定义滑动开关的样式,通过...
例如,`Ext.getCmp('updateb').disable();` 会禁用ID为'updateb'的按钮,而 `Ext.getCmp('deleteb').enable();` 则会启用ID为'deleteb'的按钮。 2. 面板(Panel): - `setVisible` 方法:用于控制面板的可见性。`...
document.all.cb1[0].checked = true; ``` 设置它无效: ```javascript document.all.cb1[0].disabled = true; ``` 4. `readonly`和`disable`的区别? `readonly`使输入框不可编辑,但用户仍然可以选择和复制文本,...
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/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它...
- 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...
:checkbox :submit :image :reset :button :file :hidden 表单对象属性 :enabled :disabled :checked :selected 文档处理 内部插入 append(content|fn) appendTo(content) prepend(content|fn) ...
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...