checkbox和radio使用

jQuery获取Radio选择的Value值:
jQuery   C#   VB   C++   Java

jQuery设置Radio的Value值:

语法解释:
1. $("input[name=‘radio_name‘][checked]").val();  //选择被选中Radio的Value值
2. $("#text_id").focus(function(){//code...});  //事件 当对象text_id获取焦点时触发
3. $("#text_id").blur(function(){//code...});  //事件 当对象text_id失去焦点时触发
4. $("#text_id").select();  //使文本框的Vlaue值成选中状态
5. $("input[name=‘radio_name‘][value=‘要选中Radio的Value值‘]").attr("checked",true);  //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值:
jQuery   C#   VB   C++   Java  
全选/取消全选

语法解释:
1. $("input[name=‘checkbox_name‘][checked]");  //选择被选中CheckBox元素的集合 如果你想得到Value值,你需要遍历这个集合
2. $($("input[name=‘checkbox_name‘][checked]")).each(function(){arrChk+=this.value + ‘,‘;});  //遍历被选中CheckBox元素的集合 得到Value值
3. $("#checkbox_id").attr("checked");  //获取一个CheckBox的状态(有没有被选中,返回true/false)
4. $("#checkbox_id").attr("checked",true);  //设置一个CheckBox的状态为选中(checked=true)
5. $("#checkbox_id").attr("checked",false);  //设置一个CheckBox的状态为不选中(checked=false)
6. $("input[name=‘checkbox_name‘]").attr("checked",$("#checkbox_id").attr("checked"));  //根据3,4,5条,你可以分析分析这句代码的意思
7. $("#text_id").val().split(",");  //将Text的Value值以‘,‘分隔 返回一个数组

时间: 2024-10-06 11:40:05

checkbox和radio使用的相关文章

多组checkbox与radio判断选中

有多组checkbox和radio,每组都必须有选择才能提交表单 简单代码如下 html代码:(就是3组checkbox,3组radio,checkbox类名为control-group checkbox:radio类名为control-group radio) <form method="POST" id="wxform" action="xxxx" class="form-horizontal"> <di

巧用CSS3伪类选择器自定义checkbox和radio的样式

由于原生的checkbox和radio的样式太简陋了,在设计页面的时候,设计师往往会设计自己的checkbox和radio样式.一半情况下,为了适应各个浏览器的兼容性,我们都会用其他的元素替代原生的checkbox和radio,然后用js实现选中和未选中时候的样式,用来模拟checkbox和radio. 例如这种: 用其他元素模拟(以checkbox为例): <div class='checkbox'></div> $('.checkbox').click(function(){

Jquery 操作Html 控件 CheckBox、Radio、Select 控件

在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一个全面的代码总结. 一.Jquery 对 CheckBox 的操作: <input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox&q

自定义checkbox, radio样式总结

任务目的 深入了解html label标签 了解CSS边框.背景.伪元素.伪类(注意和伪元素区分)等属性的设置 了解CSS中常见的雪碧图,并能自己制作使用雪碧图 任务描述 参考 样例(点击查看),实现页面开发,要求实现效果基本一致 任务注意事项 尝试背景图和伪元素两种不同方式实现,对比两种方式各自的优缺点. 注意测试不同情况,尤其是极端情况下的效果. 参考资料 MDN label: 了解html中label的基本知识 MDN background-position: 了解背景图片定位相关知识 M

自定义checkbox, radio样式

17.2.25.nimil 今天开始做百度前端学院的任务,第一个是自定义checkbox, radio样式. checkbox和radio两个标签是不可以改变样式的,background-color.border等属性都对其无效. 但是本身的样式又不太美观: 本身的radio外观:本身的checkedbox外观. 不能改样式,却又如此的不美观,实在不符合我们现在的审美和需求. 这是百度给的一个样式图片: 首先,HTML: <div> <input type="radio&quo

[ HTML5 表单样式 checkbox | radio ] 自定义checkbox 与radio样式实现思路

自定义checkbox 与radio样式实现思路: 1.隐藏原生的input选框  2.自定义新的选框  3.并通过CSS或JS控制切换是否选中的状态 声明:转载自网络,本人只作为学习之用,如果原作者发现(觉着)有侵权意图敬请联系本人,删除或修改,本人尊重原文作者的劳动并对原文作者的分享表示感谢和敬意... 分析原理: 实现 1.结构:用label绑定input,推荐使用label包裹input,以减少不必要的id: 2.样式:隐藏input标签,为label添加背景或使用其他小标签(<i>&

Jquery中的checkbox 及radio的问题

在web开发中,我们经常会对checkbox和radio进行读写操作,下面我来分享一下我的项目中的相关案例: 一.checkbox <input id="check1" class="othercheck" type="checkbox" name="othercheck" value="1">1 1.判断单个已知checkbox是否选中 var ischeck=$("#check1&

JQuery 设置checkbox select radio 为“只读”

JQuery  设置checkbox select radio 为“只读”,通过测试知道使用HTML标签的 text 和 textarea .button 可以设置readonly="readonly"属性. 但是checkbox .select. radio 这三个控件使用起来不能使用readonly="readonly"属性,只有 disabled="disabled"可以使用. 这样就出现问题了.又想不让修改,又想在后台获取值.如果使用di

jQuery实现自定义checkbox和radio样式

jQuery实现自定义checkbox和radio样式 1,起因 最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题. 2,原理 大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添

自定义表单样式之checkbox和radio

1,起因 最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题. 2,原理 大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添加背景图片(美化的checkbox或radio),也就是