- 浏览: 287717 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
wahahachuang5:
web实时推送技术使用越来越广泛,但是自己开发又太麻烦了,我觉 ...
java以post发送方式实现百度Sitemap实时推送代码分享 -
fmpoffice:
发来感谢!准备尝试!https://m.yooshifu.co ...
java以post发送方式实现百度Sitemap实时推送代码分享 -
playboyhaolei:
爱死博主了 学习了 已经成功的推送了 ...
java以post发送方式实现百度Sitemap实时推送代码分享 -
playboyhaolei:
爱死博主了 学习了 已经成功的推送了 ...
java以post发送方式实现百度Sitemap实时推送代码分享 -
真三武侯:
爱死博主了
java以post发送方式实现百度Sitemap实时推送代码分享
转载:http://tiame.iteye.com/blog/1493261
1、radio:单选框
HTML代码:
- <input type="radio" name="radio" id="radio1" value="1" />1
- <input type="radio" name="radio" id="radio2" value="2" />2
- <input type="radio" name="radio" id="radio3" value="3" />3
- <input type="radio" name="radio" id="radio4" value="4" />4
js操作代码:
- jQuery("input[type='radio'][name='radio']:checked").length == 0 ? "没有任何单选框被选中" : "已经有选中";
- jQuery('input[type="radio"][name="radio"]:checked').val(); // 获取一组radio被选中项的值
- jQuery("input[type='radio'][name='radio'][value='2']").attr("checked", "checked");// 设置value = 2的一项为选中
- jQuery("#radio2").attr("checked", "checked"); // 设置id=radio2的一项为选中
- jQuery("input[type='radio'][name='radio']").get(1).checked = true; // 设置index = 1,即第二项为当前选中
- var isChecked = jQuery("#radio2").attr("checked");// id=radio2的一项处于选中状态则isChecked = true, 否则isChecked = false;
- var isChecked = jQuery("input[type='radio'][name='radio'][value='2']").attr("checked");// value=2的一项处于选中状态则isChecked = true, 否则isChecked = false;
2、checkbox:复选框
HTML代码:
- <input type="checkbox" name="checkbox" id="checkAll" />全选/取消全选
- <input type="checkbox" name="checkbox" id="checkbox_id1" value="1" />1
- <input type="checkbox" name="checkbox" id="checkbox_id2" value="2" />2
- <input type="checkbox" name="checkbox" id="checkbox_id3" value="3" />3
- <input type="checkbox" name="checkbox" id="checkbox_id4" value="4" />4
- <input type="checkbox" name="checkbox" id="checkbox_id5" value="5" />5
js操作代码:
- var val = jQuery("#checkbox_id1").val();// 获取指定id的复选框的值
- var isSelected = jQuery("#checkbox_id3").attr("checked"); // 判断id=checkbox_id3的那个复选框是否处于选中状态,选中则isSelected=true;否则isSelected=false;
- jQuery("#checkbox_id3").attr("checked", true);// or
- jQuery("#checkbox_id3").attr("checked", 'checked');// 将id=checkbox_id3的那个复选框选中,即打勾
- jQuery("#checkbox_id3").attr("checked", false);// or
- jQuery("#checkbox_id3").attr("checked", '');// 将id=checkbox_id3的那个复选框不选中,即不打勾
- jQuery("input[name=checkbox][value=3]").attr("checked", 'checked');// 将name=checkbox, value=3 的那个复选框选中,即打勾
- jQuery("input[name=checkbox][value=3]").attr("checked", '');// 将name=checkbox, value=3 的那个复选框不选中,即不打勾
- jQuery("input[type=checkbox][name=checkbox]").get(2).checked = true;// 设置index = 2,即第三项为选中状态
- jQuery("input[type=checkbox]:checked").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出选中的值
- alert(jQuery(this).val());
- });
- // 全选/取消全选
- jQuery(function() {
- jQuery("#checkAll").click(function(){
- if(jQuery(this).attr("checked") == true){// 全选
- jQuery("input[type=checkbox][name=checkbox]").each(function(){
- jQuery(this).attr("checked", true);
- });
- } else {// 取消全选
- jQuery("input[type=checkbox][name=checkbox]").each(function(){
- jQuery(this).attr("checked", false);
- });
- }
- });
- });
3、select:下拉框
HTML代码:
- <select name="select" id="select_id" style="width: 100px;">
- <option value="1">11</option>
- <option value="2">22</option>
- <option value="3">33</option>
- <option value="4">44</option>
- <option value="5">55</option>
- <option value="6">66</option>
- </select>
js操作代码:
- /**
- * jQuery获取select的各种值
- */
- jQuery("#select_id").change(function(){ // 1.为Select添加事件,当选择其中一项时触发
- //code...
- });
- var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value
- var checkText = jQuery("#select_id :selected").text(); // 3.获取Select选中项的Text
- var checkIndex = jQuery("#select_id").attr("selectedIndex"); // 4.获取Select选中项的索引值,或者:jQuery("#select_id").get(0).selectedIndex;
- var maxIndex = jQuery("#select_id :last").attr("index"); // 5.获取Select最大的索引值,或者:jQuery("#select_id :last").get(0).index;
- /**
- * jQuery设置Select的选中项
- */
- jQuery("#select_id").get(0).selectedIndex = 1; // 1.设置Select索引值为1的项选中
- jQuery("#select_id").val(4); // 2.设置Select的Value值为4的项选中
- /**
- * jQuery添加/删除Select的Option项
- */
- jQuery("#select_id").append("<option value='新增'>新增option</option>"); // 1.为Select追加一个Option(下拉项)
- jQuery("#select_id").prepend("<option value='请选择'>请选择</option>"); // 2.为Select插入一个Option(第一个位置)
- jQuery("#select_id").get(0).remove(1); // 3.删除Select中索引值为1的Option(第二个)
- jQuery("#select_id :last").remove(); // 4.删除Select中索引值最大Option(最后一个)
- jQuery("#select_id [value='3']").remove(); // 5.删除Select中Value='3'的Option
- jQuery("#select_id").empty(); // 6.清空下拉列表
发表评论
-
202060914
2020-06-09 14:44 0INSERT INTO `QMPARAMDETAIL` (` ... -
20200609
2020-06-09 14:42 0INSERT INTO `QMPARAMDETAIL` (` ... -
shengxiao
2020-06-03 21:37 0生肖 原则 部首 举例 吉凶 ... -
wuge
2020-04-28 14:55 0INSERT INTO `QMPARAM` (`TYPE`, ... -
wugesancai
2020-04-28 14:53 0INSERT INTO `QMPARAM` (`TYPE`, ... -
js监控页面加载完成后执行action
2012-12-08 20:34 3119//Some scripts require that you ... -
JS 判断 null 转
2012-09-25 18:45 1283... -
js子窗口创建及父子窗口之间通信 转
2012-09-20 18:51 1611Javascript弹出子窗口 可以通过多种方式实现 ... -
js子窗口和父窗口交互 转
2012-09-20 18:44 20301。父窗口传递信息给子窗口 看代码实例: ... -
[转载]jquery获取父窗口的元素
2012-09-20 18:36 1841window.parent.document.getEleme ... -
父窗口和子窗口之间的交互 转
2012-09-20 18:26 2043转自:http://hi.baidu.com/gfan ... -
TagSupport与BodyTagSupport的区别
2012-09-18 10:29 8602标签库的接口和类的继承关系 答:表现形式一: a ... -
JSP传参数给Birt的两种方法 转
2012-09-06 20:01 9870JSP传参数给Birt ... -
Birt学习笔记——birt开发过程中常见的问题 (转)
2012-09-04 15:36 86602011-11-02 00:06:42| 分类: ... -
正则表达式语法
2012-08-28 16:28 1036一个正则表达式就是由普通字符(例如字符 a 到 z)以及 ... -
CSS3.0 的介绍 CSS3的介绍
2011-10-27 11:31 1498CSS3中新技术:圆角、个 ... -
HTML5 详细介绍 及应用实例
2011-10-27 10:58 2029HTML5 概况 什么是 HTML5 H ... -
JavaScript Call 方法和 JavaScript Apply方法 总结
2011-10-26 11:23 1762Javascript的每个Function对象中 ... -
javascript 的保留字 Javascript未来保留字(Javascript Future Reserved Words)
2011-10-26 10:05 1219以下的保留字不可 ... -
JavaScript闭包的详细解释 深入理解javascript闭包
2011-10-26 08:04 1901javascript闭包(Closure)初探 clos ...
相关推荐
jquery操作Radio、Checkbox、Select详细Demo
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
自己编写的一个jquery多选checkbox下拉框,已经封装好了,直接调用就可以
JQuery操作checkbox、radio等示例
html多选下拉框 ,CheckBox的Select组件。可多选的下拉框。
插件描述:9款表单复选框(Checkbox)与单选按钮美化. 参考示例:http://www.jq22.com/jquery-info5907
bootstrap select复选框,可单选,多选,全选,带索引功能
在ztree节点后面加了个复选下拉框,打开demo/cn/index.html,点击组合功能演示-radio_checkbox_mulitselect 共存节点看效果
jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox jQuery美化radio和checkbox
Jquery操作radio,checkbox,select表单操作实现代码,需要用jquery操作表单的朋友可以参考下。
checkbox单选复选按钮美化代码是一款基于CSS3实现的checkbox美化单选按钮和复选按钮美化样式。
NULL 博文链接:https://yhjhoo.iteye.com/blog/652050
hcheckbox,Checkbox,radio,复选框和单选框美化jQuery版,朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery用来实现这么简单的东西,你是不是会认为有点大材小用呢?...
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码 checkbox单选复选按钮美化代码
jquery获取各种radio,checkbox,select的值等
有源码有实例,delphi Listview复选框checkbox实现单选的功能,代码很精简实用,测试完美!
jQuery如何判断checkbox(复选框)是否被选中
利用Jquery实现的自定义美化radio与checkbox,好东西赶紧下的额。
C#winform DataGridView checkbox复选框 实现单选效果,系统默认的是界面中多选,下午没事,做个单选的效果,同时复习下datagridview的常用知识,包含dantGridVIew的常用操作内容,注意事项,代码有点乱,学习。