首页 > 代码库 > jQuery radio取值，checkbox取值，select取值

jQuery radio取值，checkbox取值，select取值

2024-08-23 14:15:39   221人阅读

语法解释：

1 $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
2 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3 var checkValue=http://www.mamicode.com/$("#select_id").val();  //获取Select选择的Value
4 var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5 var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery设置Select选择的Text和Value:

语法解释：

1 $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2 $("#select_id ").val(4);   //设置Select的Value值为4的项选中
3 $("#select_id option[text=‘jQuery‘]").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项：

语法解释：

1 $("#select_id").append("<option value=http://www.mamicode.com/‘Value‘>Text");  //为Select追加一个Option(下拉项)
2 $("#select_id").prepend("<option value=http://www.mamicode.com/‘0‘>请选择");  //为Select插入一个Option(第一个位置)
3 $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4 $("#select_id option[index=‘0‘]").remove();  //删除Select中索引值为0的Option(第一个)
5 $("#select_id option[value=http://www.mamicode.com/‘3‘]").remove();  //删除Select中Value=http://www.mamicode.com/‘3‘的Option
6 $("#select_id option[text=‘4‘]").remove();  //删除Select中Text=‘4‘的Option

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值

1 var item = $(‘input[@name=items][@checked]‘).val();

获取select被选中项的文本

1 var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

1 $(‘#select_id‘)[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

1 $(‘input[@name=items]‘).get(1).checked = true;

获取值：

  • 文本框，文本区域：$("#txt").attr("value")；
  • 多选框checkbox：$("#checkbox_id").attr("value")；
  • 单选组radio：   $("input[@type=radio][@checked]").val();
  • 下拉框select： $(‘#sel‘).val();

控制表单元素：

文本框，文本区域：

$("#txt").attr("value",‘‘);//清空内容

$("#txt").attr("value",‘11‘);//填充内容

多选框checkbox： $("#chk1").attr("checked",‘‘);//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr(‘checked‘)==undefined) //判断是否已经打勾

单选组radio：    $("input[@type=radio]").attr("checked",‘2‘);//设置value=http://www.mamicode.com/2的项目为当前选中项

下拉框select：   $("#sel").attr("value",‘-sel3‘);//设置value=http://www.mamicode.com/-sel3的项目为当前选中项

$("<option value=http://www.mamicode.com/‘1‘>1111").appendTo("#sel")//添加下拉框的option

$("#sel").empty()；//清空下拉框

 

 

//遍历option和添加、移除option

01 function changeShipMethod(shipping) {
02     var len = $("select[@name=ISHIPTYPE] option").length
03     if (shipping.value != "CA") {
04         $("select[@name=ISHIPTYPE] option").each(function() {
05             if ($(this).val() == 111) {
06                 $(this).remove();
07             }
08         });
09     } else {
10         $("<option value=http://www.mamicode.com/‘111‘>UPS Ground").appendTo($("select[@name=ISHIPTYPE]"));
11     }
12 }

//取得下拉选框的选取值

$(#testSelect option:selected‘).text();

或 $("#testSelect").find(‘option:selected‘).text();

或 $("#testSelect").val();

 

 

复选框，推荐如下操作方式

$("#chk2")[0].checked = true;

$("#chk2")[0].checked = false;

转自：http://www.cnblogs.com/shiyou00/p/5577329.html

jQuery radio取值，checkbox取值，select取值


联系
我们