jquery的1.3版本已经去掉的性情选用器@符号,jquery的1.3版本现已去掉的品质选取器@符号

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

 

 

   
jQuery获取Select选择的Text和Value:
语法解释:
1.
$(“#select_id”).change(function(){//code…});  
//为Select添加事件,当选择其中一项时触发

  1. var
    checkText=$(“#select_id”).find(“option:selected”).text(); 
    //获取Select选择的Text
  2. var
    checkValue=$(“#select_id”).val();  //获取Select选择的Value
  3. var checkIndex=$(“#select_id
    “).get(0).selectedIndex;  //获取Select选择的索引值
  4. var maxIndex=$(“#select_id
    option:last”).attr(“index”);  //获取Select最大的索引值
    jQuery设置Select选择的
    Text和Value:
    语法解释:
  5. $(“#select_id
    “).get(0).selectedIndex=1;  //设置Select索引值为1的项选中
  6. $(“#select_id “).val(4);   //
    设置Select的Value值为4的项选中
  7. $(“#select_id
    option[text=’jQuery’]”).attr(“selected”, true);  
    //设置Select的Text值为jQuery的项选中

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

  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

6.$(“#select_id”).find(“option”).remove();
//移除清空下拉框的Option

 

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();//清空下拉框


//遍历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]”));
}
}

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

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

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

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

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

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

$(“#chk1”).attr(“checked”,”);//不打勾
$(“#chk2”).attr(“checked”,true);//
打勾
if($(“#chk1”).attr(‘checked’)==undefined){}
//判断是否已经打勾

当然jquery的选择器是强大的.
还有很多方法.

<script src=”jquery-1.2.1.js”
type=”text/javascript”></script>
<script language=”javascript”
type=”text/javascript”>
$(document).ready(function(){
$(“#selectTest”).change(function()
{
//alert(“Hello”);
//alert($(“#selectTest”).attr(“name”));
//$(“a”).attr(“href”,”xx.html”);
//window.location.href=”xx.html”;
//alert($(“#selectTest”).val());
alert($(“#selectTest
option[@selected]”).text());
$(“#selectTest”).attr(“value”,
“2”);

});
});
</script>

<a href=”#”>aaass</a>

<!–下拉框–>
<select id=”selectTest”
name=”selectTest”>
<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>
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的项目为当前选中项
$(“<optionvalue=’1’&
gt;1111</option><optionvalue=’2′>2222</option&
gt;”).appendTo(“#sel”)//添加下拉框的option
$(“#sel”).empty();// 清空下拉框

获取一组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();// 清空下拉框

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

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

if.attr==undefined) //判断是否已经打勾

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

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

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

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

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

单选组radio:
$(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项

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

$.attr(“checked”,”true”);

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

jQuery给iframe的src赋值:$.src+=”&uid =”+ uid;

 

$.attr(“checked”,true);//打勾

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

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图