01 |
一 、Select |
02 |
jQuery获取Select选择的Text和Value: |
03 |
1. $( "#select_id" ).change( function (){ //code...}); //为Select添加事件,当选择其中一项时触发
|
04 |
2. var checkText=$( "#select_id" ).find( "option:selected" ).text(); //获取Select选择的Text
|
05 |
3. var checkValue=$( "#select_id" ).val(); //获取Select选择的Value
|
06 |
4. var checkIndex=$( "#select_id " ).get(0).selectedIndex; //获取Select选择的索引值
|
07 |
5. var maxIndex=$( "#select_id option:last" ).attr( "index" ); //获取Select最大的索引值
|
08 |
09 |
jQuery设置Select选择的Text和Value: |
10 |
1. $( "#select_id " ).get(0).selectedIndex=1; //设置Select索引值为1的项选中
|
11 |
2. $( "#select_id " ).val(4); //设置Select的Value值为4的项选中
|
12 |
3. $( "#select_id option[text='jQuery']" ).attr( "selected" , true ); //设置Select的Text值为jQuery的项选中
|
13 |
14 |
jQuery添加/删除Select的Option项: |
15 |
1. $( "#select_id" ).append( "<option value='Value'>Text</option>" ); //为Select追加一个Option(下拉项)
|
16 |
2. $( "#select_id" ).prepend( "<option value='0'>请选择</option>" ); //为Select插入一个Option(第一个位置)
|
17 |
3. $( "#select_id option:last" ).remove(); //删除Select中索引值最大Option(最后一个)
|
18 |
4. $( "#select_id option[index='0']" ).remove(); //删除Select中索引值为0的Option(第一个)
|
19 |
5. $( "#select_id option[value='3']" ).remove(); //删除Select中Value='3'的Option
|
20 |
6. $( "#select_id option[text='4']" ).remove(); //删除Select中Text='4'的Option
|
21 |
7. $( "#SelectID" ).remove(); //删除所有项
|
22 |
23 |
二、Checkbox |
24 |
全选/取消 |
25 |
jQuery.attr 获取/设置对象的属性值,如: |
26 |
$( "input[name='chk_list']" ).attr( "checked" ); //读取所有name为'chk_list'对象的状态(是否选中)
|
27 |
$( "input[name='chk_list']" ).attr( "checked" , true ); //设置所有name为'chk_list'对象的checked为true
|
28 |
$( "#img_1" ).attr( "src" , "test.jpg" ); //设置ID为img_1的<img>src的值为'test.jpg'
|
29 |
$( "#img_1" ).attr( "src" ); //读取ID为img_1的<img>src值
|
30 |
下面的代码是获取上面实例中选中的checkbox的value值: |
31 |
<script type= "text/javascript" >
|
32 |
var arrChk=$( "input[name='chk_list'][checked]" );
|
33 |
$(arrChk).each( function (){
|
34 |
window.alert( this .value);
|
35 |
}); |
36 |
}); |
37 |
</script> |
38 |
39 |
1,获取checkbox的value |
40 |
$( "#checkboxID" ).value或$( "input[type='checkbox']" ).eq(n).attr( "checked" ).value
|
41 |
2,设置选中项 |
42 |
$( "input[type='checkbox']" ).eq(1).attr( "checked" ) //设置第一个checkbox为选中的项
|
43 |
3,删除所有checkbox |
44 |
$( "input[type='checkbox']" ).remove()
|
45 |
4,checkbox方法 |
46 |
$(document).ready( function () {
|
47 |
var check = $( "input[type='checkbox']" );
|
48 |
check.each( function (n) {
|
49 |
check.eq(n).bind( "click" , function () {
|
50 |
if (check.eq(n).attr( "checked" ) != false ) {
|
51 |
var value = check.eq(n).val();
|
52 |
alert(value); |
53 |
} |
54 |
else {
|
55 |
alert(check.eq(n).attr( "checked" ));
|
56 |
} |
57 |
}) |
58 |
}); |
59 |
}); |
60 |
61 |
三、radio |
62 |
1,获取选中的value值 |
63 |
$( "input[type='radio']:checked" ).val();
|
64 |
2,设置指定的项为当前选中项 |
65 |
$( "input[type='radio']" ).eq(1).attr( "checked" , true ); //设置第二项为选中项
|
66 |
$( "input[type='radio'][value='值']" ).attr( "checked, true" );
|
67 |
68 |
3,解决多个Radio |
69 |
70 |
$( "input[type='radio'][@name='rdoTest2']" ).eq(0).attr( "checked" , true );
|
相关推荐
Jquery操作radio,checkbox,select表单操作实现代码,需要用jquery操作表单的朋友可以参考下。
基于jquery自定义表单样式。LazyForm radio,checkbox,select 表单样式自定义
select、checkbox、radio是很常用的表单控件,这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。
包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
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和radio样式 多个选项来自定义checkbox和radio 8个回调函数支持 6个方法来编程控制 效果详情可参考http://www.xwcms.net/js/bddm/19041.html
jQuery Mobile 表单自动填充 支持input textare radio checkbox select 等标签
控制表单元素: 文本框,文本区域: $(“#txt”).attr(“value”)或者$(“#txt”).val()//获取值 $(“#txt”).attr(“value”,”);//清空内容 $(“#txt”).attr(“value”,’11’);//填充内容 多选框checkbox: $(“#...
在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
jQuery oform beta 0.1.5 - form 表单美化插件源代码 版权:zhang yang soft 交流E-Mail:oceancode@163.com 浏览器支持:IE、Firefox、Opera , google chrome (谷歌) 版本说明: 1. beta 0.1.0 版 支持input...
下面的JS代码列出了jQuery操作表单常用控件(包括select,radiobox,checkbox)的常用方法,相信一定有你需要的 操作radio的html代码 Radion <input type="radio" name="rd" id="rd1" checked="checked" value=...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
版权:zhang yang soft ...支持 reset 按钮 刷新 radio / checkbox / select 优化核心代码 时间: 2010-2-6 8. beta 0.1.7 版 支持"组织机构代码"校验 时间: 2010-2-22 jquery oform 美化 插件 开源
Query表单元素美化插件jqtransform是一款非常实用,可以美化文本框,checkbox复选框,radio单选框,select下拉框等。
解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function...