//**********************radio
<!--
window.onload = function(){
var inputs = document.getElementsByTagName("INPUT");
for(var e in inputs){
if(inputs[e].type == "radio"){
inputs[e].onclick = function(){
for(var e in inputs){
//两种写法都可以,第一种采用的是正则表达式,效率相对第二种较底,但是未改变HTML标准比第二种容//易理解
//if(inputs[e].type == "radio" && this.name.replace(/\d+/g,"") === //inputs[e].name.replace(/\d+/g,""))
if(inputs[e].type == "radio" && this.group === inputs[e].group)
inputs[e].checked = false;
}
this.checked = true;
};
}
}
}
<form>
<input type="radio" name="a0" group="a"/>a0<input type="radio" name="a1" group="a">a1
<br/>
<input type="radio" name="b0"/>b0<input type="radio" name="b1">b1
</form>
两个radio的名称可以不同,但前名的字前面的要一样,后面的数字不一样
//******************Checkbox
window.onload = function(){
var inputs = document.getElementsByTagName("INPUT");
for(var e in inputs){
if(inputs[e].type == "checkbox"){
inputs[e].onclick = function(){
for(var e in inputs){
//两种写法都可以,第一种采用的是正则表达式,效率相对第二种较底,但是未改变HTML标准比第二种容//易理解,第二种兼容性不好
if(inputs[e].type == "checkbox" && this.name.replace(/\d+/g,"") === inputs[e].name.replace(/\d+/g,""))
//if(inputs[e].type == "checkbox" && this.group === inputs[e].group)
inputs[e].checked = false;
}
this.checked = true;
};
}
}
}
<form>
<input type="checkbox" name="RPT_ROAD_A2__APPROVAL_PASS_1" />aaa
<input type="checkbox" name="RPT_ROAD_A2__APPROVAL_PASS_2" />bbb
</form>
两个checkbox的名称可以不同,但前名的字前面的要一样,后面的数字不一样
分享到:
相关推荐
jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox
自定义radio&checkbox;样式,不兼容IE8。利用css3选择器讲样式重构默认radio&checkbox;样式,可以自行优化样式代码。
10套美化的radio和checkbox组件。多重风格,多种特点。
个人感觉比较好看的checkbox和radio的样式
这个程序提供了两种实现透明的方法: 1,如果对话框背景色是纯色,那么直接返回NULL画刷即可。 2,如果背景是图片,那么在OnCtlColor中需要先绘制父窗口背景。
使用纯CSS代码实现radio以及checkbox的美化工作。附参考实例,可以根据具体情况进行进一步的修改,灵活多变。
每个样式对应的css,html,js 文件都有,享用直接套就可以
利用Jquery实现的自定义美化radio与checkbox,好东西赶紧下的额。
JQuery操作checkbox、radio等示例
radio/checkbox默认样式太丑?换个新鲜的样子吧!.zip,Radio and checkbox-style based on Javascript
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
NULL 博文链接:https://happysoul.iteye.com/blog/579678
jquery 获得select、radio、checkbox选择的text和value值详解文档
在ztree3.5 demo中加的页面demo\cn\super\radio_checkbox.html 页面上在组合功能演示--radio_checkbox共存中可以看到效果
基于jquery自定义表单样式。LazyForm radio,checkbox,select 表单样式自定义
jquery操作Radio、Checkbox、Select详细Demo
jquery获取各种radio,checkbox,select的值等
美化了checkbox radio,更加美观,有需求需要的同志欢迎下载哦!~
js 实现 两个checkbox互斥问题! 值得下载看看!资源免费,大家分享!!
漂亮的Checkbox Radio漂亮样式