- 浏览: 147583 次
文章分类
最新评论
-
kuchaguangjie:
...
Spring框架结合Hibernate框架的两种方式 -
aa00aa00:
这么好的博文,怎么没人顶呢
SSH环境搭建 -
aa00aa00:
不错,呵呵
SSH环境搭建
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.清空下拉列表
发表评论
-
div拖动排序
2012-09-26 10:40 1014前台html代码: <div class=" ... -
jQuery传递数组作参数给Java服务端
2012-09-04 15:18 2904想把一批name相同的input或者checkbox等作为一个 ... -
关闭页面时提醒用户是否确认离开
2012-09-03 16:05 1435在html的body上增加onbeforeunload函数,如 ... -
引用(ajaxfileupload.js) ajaxfileupload.js报这错jQuery.handleError is not a function
2012-08-06 15:19 4094jQuery.handleError is not a fun ... -
jquery 和 javascript 清空上传控件
2012-08-03 11:10 1257第一种: selection.clear (display:n ... -
JQuery滚动加载图片等
2012-05-21 16:48 1255用 JQuery 制作随着显示页面的滚动条的滚动动态加载图片, ... -
js判断中英文用户名长度
2012-05-18 11:06 1553name.replace(/[^\x00-\xff]/g,&q ... -
js判断email合法性
2012-05-18 11:05 1137//检测email合法性 function checkema ... -
JQuery打开dialog
2012-05-16 16:34 1342showDialog("dialog") ... -
删除表单一行或者多行操作
2012-05-12 16:03 932之前一直是删除之后回后台再取的,这样效率不高,因为并不是所有情 ... -
Javascript全选,反选,全不选
2012-04-21 12:06 805<html> <head> ... -
jQuery 判断 checkbox 是否被选中的几种方法
2012-04-21 10:37 2396// 获取一组radio 被选中项的值 var ... -
jQuery设置input type="text"的值
2012-04-21 10:03 1598$("#filername").val ...
相关推荐
jquery操作Radio、Checkbox、Select详细Demo
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
Jquery操作radio,checkbox,select表单操作实现代码,需要用jquery操作表单的朋友可以参考下。
jquery获取各种radio,checkbox,select的值等
jquery 获得select、radio、checkbox选择的text和value值详解文档
基于jquery自定义表单样式。LazyForm radio,checkbox,select 表单样式自定义
、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...
select、checkbox、radio是很常用的表单控件,这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。
使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部, 通过 firefox, ie等系列浏览器测试.
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); }); 注意:这里没有基于ID,有些不严谨。如果你的...
jquery的checkbox,radio,和select是jquery操作的一个难点和重点,很多前端新手对其了解不是很透彻。时间久了不用,我在写的时候有时也难免对某些操作支支吾吾,记不清楚,现在,对其做一些简单的总结
jquery取radio单选按钮的值 代码如下: $(“input[name=’items’]:checked”).val(); 另:判断radio是否选中并取得选中的值 ...jquery radio取值,checkbox取值,select取值,radio选中,c
LazyForm jQuery plugin 定制您的CheckBox Radio和Select ,需要的朋友可以参考下。
jQuery select checkbox radio等基本操作,包括的取值