jQuery赋值、取值方法大全-Web前端之家奥门金沙手机娱乐网址

最近比较忙,没时间写文章,,刚忙完几个项目,总算可以静下心来总结了一些关于“jQuery赋值、取值”的方法,贴出来分享下:

1.jQuery给span取值:$(“#id”).html();

—恢复内容开始—

jQuery给span取值:$.html();

2.jQuery给input取值:$(“#id”).val();

  jQuery获取Select选择的Text和Value:
语法解释:

jQuery给input取值:$.val();

3.jQuery给textarea取值:$(“#id”).val();

  1. $(“#select_id”).change(function(){//code…});  
    //为Select添加事件,当选择其中一项时触发
  2. var checkText=$(“#select_id”).find(“option:selected”).text(); 
    //获取Select选择的Text
  3. var checkValue=$(“#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:
    语法解释:
  6. $(“#select_id “).get(0).selectedIndex=1; 
    //设置Select索引值为1的项选中
  7. $(“#select_id “).val(4);   // 设置Select的Value值为4的项选中
  8. $(“#select_id option[text=’jQuery’]”).attr(“selected”, true);  
    //设置Select的Text值为jQuery的项选中

jQuery赋值、取值方法大全-Web前端之家奥门金沙手机娱乐网址。jQuery给textarea取值:$.val();

4.jQuery给radio取值(非主创):

jQuery添加/删除Select的Option项:
语法解释:

jQuery给radio取值:

 

  1. $(“#select_id”).append(“<option
    value=’Value’>Text</option>”); 
    //为Select追加一个Option(下拉项)
  2. $(“#select_id”).prepend(“<option
    value=’0′>请选择</option>”); 
    //为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=’3′]”).remove(); 
    //删除Select中Value=’3’的Option
  6. $(“#select_id option[text=’4′]”).remove(); 
    //删除Select中Text=’4’的Option

今天写Js的时候发现利用jquery取不到radio的当前值,上网Google下,发现网上的解决方案都是依托于1.2版本的,jquery的1.3版本已经去掉的属性选择器@符号。

今天写Js的时候发现利用jquery取不到radio的当前值,上网Google下,发现网上的解决方案都是依托于1.2版本的,jquery的1.3版本已经去掉的属性选择器@符号。

以前的版本对于radio取当前值的方式:

(1.2)以前的版本对于radio取当前值的方式:

jquery
radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
获 取一组radio被选中项的值 
var item = $(‘input[name=items][checked]’).val(); 
获 取select被选中项的文本 
var item = $(“select[name=items] option[selected]”).text(); 
select下拉框的第二个元素为当前选中值 
$(‘#select_id’)[0].selectedIndex = 1; 
radio单选组的第二个元素为当前选中值 
$(‘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=2的项目为当前选中项 
下拉框 select:  
$(“#sel”).attr(“value”,’-sel3′);//设置value=-sel3的项目为当前选中项 
$(“<option value=’1′>1111</option><option
value=’2′>2222</option>”).appendTo(“#sel”)//添加下拉框的option 
$(“#sel”).empty();//清空下拉框

$(“input[@type=radio][@checked]”)

   $(“input[@type=radio][@checked]”)


把@去掉发现能得到object,但是取到的当前值不对,永远都是开始设置radio的那个默认值。

    
把@去掉发现能得到object,但是取到的当前值不对,永远都是开始设置radio的那个默认值。

//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $(“select[name=ISHIPTYPE] option”).length
if(shipping.value != “CA”){
$(“select[name=ISHIPTYPE] option”).each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$(“<option value=’111′>UPS
Ground</option>”).appendTo($(“select[name=ISHIPTYPE]”));
}
}

$(“input[type=radio][checked]”)这种方式也是取不到当前值的

  $(“input[type=radio][checked]”)  这种方式也是取不到当前值的

//取得下拉選單的選取值

经过乱七八糟的实验,最终发现了正确写法

(1.3–>1.4)经过乱七八糟的实验,最终发现了正确写法

$(#testSelect option:selected’).text();
或$(“#testSelect”).find(‘option:selected’).text();
或$(“#testSelect”).val();
//////////////////////////////////////////////////////////////////
记 性不好的可以收藏下:
1,下拉框:

$(“input:radio[type=’radio’][checked]”)

$(“input:radio[type=’radio’][checked]”)

var cc1 = $(“.formc select[name=’country’]
option[selected]”).text();
//得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $(‘.formc select[name=”country”]’).val();
//得到下拉菜单的选中项的值
var cc3 = $(‘.formc select[name=”country”]’).attr(“id”);
//得到下拉菜单的选中项的ID属性值
$(“#select”).empty();//清空下拉框 //$(“#select”).html(”);
$(“<option
value=’1′>1111</option>”).appendTo(“#select”)//添加下拉框的option

$(“input[accesskey=’shippingFee’]:checked”);

稍微解释一下:
1.select[name=’country’] option[selected] 表示具有name 属性,
并 且该属性值为’country’ 的select元素 里面的具有selected 属性的option
元素;

赋值:var sex= json.sex;//异步返回的信息

$(“input[accesskey=’shippingFee’]:checked”);

2,单选框:
$(“input[@type=radio][@checked]”).val(); //得到单选框的
选中项的值(注意中间没有空格)
$(“input[@type=radio][@value=2]”).attr(“checked”,’checked’);
//设置单选框value=2的为选中状态.(注意中间没有空格)

$(“input:radio”).each{//遍历对象

  赋值:var sex  = json.sex;//异步返回的信息
            $(“input:radio”).each(function(i){//遍历对象
           if(this.value== sex){
                $(this).attr(“checked”,”true”);
            }

3,复选框:
$(“input[@type=checkbox][@checked]”).val();
//得到复选框的选中的第一项的值
$(“input[@type=checkbox][@checked]”).each(function() {
//由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});