<style>
ul li ,ul{
padding:0;
margin:0;
list-style-type: none;
}
</style>
<form method="POST" action="--WEBBOT-SELF--">
<div style="position: absolute; width: 180px; height: 399px; z-index: 1; left: 10px; top: 15px" id="layer1">
<ul>
<h2>第一类</h2>
<li><input type="RADIO" id="s1_1" name="s1" value="1">笔记本类型</li>
</ul>
</div>
<div style="position: absolute; width: 180px; height: 399px; z-index: 1; left: 200px; top: 15px" id="layer2">
<ul>
<h2>第二类</h2>
<li><input type="RADIO" id="s1_2" name="s1" value="1">笔记本类型</li>
</ul>
</div>
<div style="position: absolute; width: 180px; height: 399px; z-index: 1; left: 390px; top: 15px" id="layer2">
<ul>
<h2>第三类</h2>
<li><input type="RADIO" id="s1_3" name="s1" value="1">笔记本类型</li>
</ul>
</div>
</form>
<script>
document.onclick=function che_(){
o=event.srcElement;
if (o.tagName=='INPUT'&& o.type=='radio'){//
for (i=0;i<=document.getElementsByName(o.name).length-1;i++){
if (document.getElementsByName(o.name)[i].id!=o.id)
document.getElementsByName(o.name)[i].disabled=(o.checked)?"none":''
}
}
}
</script>
分享到:
相关推荐
前端使用input 来写radio,小程序使用radio标签 也可以使用<radio>单标签 1.自定义radio样式、 wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; ...
本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta ...
当value属性与groupValue属性匹配时, radio-button将处于选中状态。 每个单选按钮的value应当唯一,而应该为组中的每个radio-button提供相同的groupValue 。 单击radio-button会将groupValue设置为其value 。用法...
取消选中单选框radio,第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的,大家可以看看下面的示例
单击单选按钮的任何项时,有4种类型的动画 演示 安装 npm install radio-buttons-react-native --save 用法 import RadioButtonRN from 'radio-buttons-react-native'; const data = [ { label: 'data 1' }, { ...
很多情况下,我们需要对radio单选框实现取消选择,这里用js的实现方法,确实不错。
无线电动作 通过单击单选按钮将文本更改为不同的大小写
Android 开灯 关灯 checkbox Radio组件用法演示,向大家展示了如何为CheckBox和RadioButton添加监听器及开关灯业务代码,通过单击不同的按钮,切换开灯图片和关灯图片,设置程序操作状态如下: public void ...
FacetWP-Radio facet ...单击此页面上的“下载ZIP”按钮。 解压缩该文件夹并将其重命名为“ facetwp-radio” 将文件夹上传到/ wp-content / plugins /目录 激活插件(FacetWP也必须处于活动状态)
这是一个使用jQuery插件实现的伸缩效果,在网页上,单击单选按钮,也就是Radio元素后,所属的对应内容向下拉出,伸展开来,平时是不显示的,可用在发票打印快递单查询等场合。 运行效果如下图所示: 具体代码如下...
debug:生成一个调试链接,当单击该链接时,可以看到当前栈值中的内容。 i18n:指定国际化资源文件的baseName。 include:包含其他的页面资源。 param:设置参数。 property:输出某个值。可以输出值栈、StackContext...
当利用text或textarea元素输入字符值改变时发该事件,同时当在select表格项中一个选项状态改变后也会引发该事件。例: <Form> ('this.test)"> </Form> 7.onSubmit事件:属于表单元素,写在表单标签内。语法:...
debug:生成一个调试链接,当单击该链接时,可以看到当前栈值中的内容。 i18n:指定国际化资源文件的baseName。 include:包含其他的页面资源。 param:设置参数。 property:输出某个值。可以输出值栈、StackContext...
这是一个使用jQuery插件实现的伸缩效果,在网页上,单击单选按钮,也就是Radio元素后,所属的对应内容向下拉出,伸展开来,平时是不显示的,可用在发票查询等场合。
我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为...通常应用在button(按钮对象)、checkbox(复选框)、radio(单选按钮)、reset
) 通常用于如下控件:button 按钮对象checkbox 复选框或检查列表 –配合onclick单击事件,通常用于全选效果radio 单选按纽reset 重置按钮submit提交按钮 2、内容改变事件 onchange 如:(<input type=”text” ...
请参见支持多媒体键:播放/停止,通过下一个/上一个在电台之间循环在面板中或通过通知显示标签搜索在线广播目录单独的音量滑块通过单选菜单中的按钮或通过单击面板标题上的中键将标题复制到剪贴板在GNOME概述中将...
已经有的输入类型 HTML...可单击按钮 <input type=”button”>图像按钮 <input type=”image”>隐藏域 <input type=”hidden”>重置按钮 <input type=”reset”>文件域 <input type=”file
18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...