使用label标签可以将我们的文本与html元素关联,点击文本的时候实现checkbox与radio的选择
label for checkbox
<hr/>
<input id="a1" type="checkbox" name="a" value="1" /><label for="a1">.NET Framework 2.0</label><br/>
<input id="a2" type="checkbox" name="a" value="2" /><label for="a2">其他.NET2.0文章</label><br/>
<input id="a3" type="checkbox" name="a" value="3" /><label for="a3">Compact Framework 2.0</label><br/>
<input id="a4" type="checkbox" name="a" value="4" /><label for="a4">取消选择</label> checkbox效果.<br/>
<br/><br/>
label for radio
<hr/>
<input id="b1" type="radio" name="b" value="5" /><label for="b1">.NET Framework 2.0</label><br/>
<input id="b2" type="radio" name="b" value="6" /><label for="b2">其他.NET2.0文章</label><br/>
<input id="b3" type="radio" name="b" value="7" /><label for="b3">Compact Framework 2.0</label><br/>
<input id="b4" type="radio" name="b" value="8" /><label for="b4">取消选择</label> checkbox效果.<br/>
<br/><br/>
简单说明一下:
label 中的 for = ID(这里对应的是html元素的ID值,所以ID值在页面中必须是唯一的)
所以对于checkbox或者radio,name值是一样的,但是id值是唯一。
分享到:
相关推荐
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
个人感觉比较好看的checkbox和radio的样式
JQuery操作checkbox、radio等示例
漂亮的Checkbox Radio漂亮样式
修改checkbox radio select的样式
使用纯CSS代码实现radio以及checkbox的美化工作。附参考实例,可以根据具体情况进行进一步的修改,灵活多变。
修改xloadtree 支持checkbox radio 鼠标右键菜单
基于jquery HTML5 CheckBox Radio按钮美化特效,演示了不一样的checkbox和Radiobox,加入了点击动画效果,鼠标点击后选中状态也是与默认的风格不一样,如截图所示的为本款效果,更多详情细节请下载本示例自己测试...
美化了checkbox radio,更加美观,有需求需要的同志欢迎下载哦!~
自己写的关于radio和checkbox的特效 相当不错可直接用浏览器查看!!!
修改自meizz的树,这个树确实很强 可加checkbox和radio参考了 http://blog.csdn.net/xustanly/archive/2006/09/11/1207222.aspx
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。
jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox
在Android中使用Radio和Checkbox的源码例子
自定义radio&checkbox;样式,不兼容IE8。利用css3选择器讲样式重构默认radio&checkbox;样式,可以自行优化样式代码。
xloadtree, xtree, ajax动态加载,xtree+checkbox+radio,xloadtree+checkbox+radio.rar
Android 开灯 关灯 checkbox Radio组件用法演示,向大家展示了如何为CheckBox和RadioButton添加监听器及开关灯业务代码,通过单击不同的按钮,切换开灯图片和关灯图片,设置程序操作状态如下: public void ...
自定义checkbox,radio样式,纯css实现,样式很好看。
checkbox_radio.css是一款用于美化Checkbox和Radio控件的CSS小插件。通过checkbox_radio提供的样式,你可以生成基于bootstrap,或字体图标,或图片的Checkbox和Radio美化样式。
这个程序提供了两种实现透明的方法: 1,如果对话框背景色是纯色,那么直接返回NULL画刷即可。 2,如果背景是图片,那么在OnCtlColor中需要先绘制父窗口背景。