语法解释,jquery与之对应的是val

作者: 前端  发布:2019-09-04

 

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

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

1.关于jquery获取input的value问题              

获取一组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;

  1. $("input[@type=radio][@name='gender'][@checked]").val()
  2. function get_form_value(){   
  3. /*获得TEXT.AREATEXT的值*/   
  4.       var textval = $("#text_id").attr("value");//或者   
  5.       var textval = $("#text_id").val();   
  6. /*获取单选按钮的值*/   
  7.       var valradio = $("input[@type=radio][@checked]").val();   
  8. /*获取复选框的值*/   
  9.      var checkboxval = $("#checkbox_id").attr("value");   
  10. /*获取下拉列表的值*/   
  11.       var selectval = $('#select_id').val();   
  12. }  
  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对象,而不是一个dom element

获取值:

3.另外对表单的其他处理:

jQuery设置Select选择的Text和Value:
语法解释:

value是dom element的属性

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

JavaScript代码

  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与之对应的是val

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

  1. //控制表单元素:   
  2. //文本框,文本区域:   
  3. $("#text_id").attr("value",'');//清空内容   
  4. $("#text_id").attr("value",'test');//填充内容   
  5. //多选框checkbox:   
  6. $("#chk_id").attr("checked",'');//未选中的值   
  7. $("#chk_id").attr("checked",true);//选中的值   
  8. if($("#chk_id").attr('checked')==undefined) //判断是否已经选中   
  9. //单选组radio:   
  10. $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项   
  11. //下拉框select:   
  12. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项   
  13. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option   
  14. $("#select_id").empty();//清空下拉框  

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

val() :获得第一个匹配元素的当前值。

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

  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

val(val):设置每一个匹配元素的值。

单选组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被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
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; 

所以,代码应该这样写:

图片 1$("input[@type=radio][@name='gender'][@checked]").val() 
图片 2
图片 3图片 4function get_form_value()图片 5{    
图片 6图片 7/**//*获得TEXT.AREATEXT的值*/    
图片 8      var textval = $("#text_id").attr("value");//或者    
图片 9      var textval = $("#text_id").val();    
图片 10图片 11/**//*获取单选按钮的值*/    
图片 12      var valradio = $("input[@type=radio][@checked]").val();    
图片 13图片 14/**//*获取复选框的值*/    
图片 15     var checkboxval = $("#checkbox_id").attr("value");    
图片 16图片 17/**//*获取下拉列表的值*/    
图片 18      var selectval = $('#select_id').val();    
图片 19}   
图片 20
图片 21
图片 223.另外对表单的其他处理:
图片 23
图片 24JavaScript代码
图片 25
图片 26
图片 27//控制表单元素:    
图片 28//文本框,文本区域:    
图片 29$("#text_id").attr("value",'');//清空内容    
图片 30$("#text_id").attr("value",'test');//填充内容    
图片 31//多选框checkbox:    
图片 32$("#chk_id").attr("checked",'');//未选中的值    
图片 33$("#chk_id").attr("checked",true);//选中的值    
图片 34if($("#chk_id").attr('checked')==undefined) //判断是否已经选中    
图片 35//单选组radio:    
图片 36$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项    
图片 37//下拉框select:    
图片 38$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项    
图片 39$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option    
图片 40$("#select_id").empty();//清空下拉框   
图片 41
图片 42jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
图片 43获取一组radio被选中项的值 
图片 44var item = $('input[@name=items][@checked]').val(); 
图片 45获取select被选中项的文本 
图片 46var item = $("select[@name=items] option[@selected]").text(); 
图片 47select下拉框的第二个元素为当前选中值 
图片 48$('#select_id')[0].selectedIndex = 1; 
图片 49radio单选组的第二个元素为当前选中值 
图片 50$('input[@name=items]').get(1).checked = true; 
图片 51
图片 52获取值: 
图片 53
图片 54文本框,文本区域:$("#txt").attr("value"); 
图片 55多选框checkbox:$("#checkbox_id").attr("value"); 
图片 56单选组radio:   $("input[@type=radio][@checked]").val(); 
图片 57下拉框select: $('#sel').val(); 
图片 58
图片 59控制表单元素: 
图片 60文本框,文本区域:$("#txt").attr("value",'');//清空内容 
图片 61                 $("#txt").attr("value",'11');//填充内容 
图片 62
图片 63多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
图片 64                 $("#chk2").attr("checked",true);//打勾 
图片 65                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
图片 66
图片 67单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
图片 68下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
图片 69                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
图片 70                $("#sel").empty();//清空下拉框
图片 71
图片 72----------------------------------------------------------------------------------------------------
图片 73
图片 74
图片 75//遍历option和添加、移除option
图片 76图片 77function changeShipMethod(shipping)图片 78{
图片 79var len = $("select[@name=ISHIPTYPE] option").length
图片 80图片 81if(shipping.value != "CA")图片 82{
图片 83图片 84$("select[@name=ISHIPTYPE] option").each(function()图片 85{
图片 86图片 87if($(this).val() == 111)图片 88{
图片 89$(this).remove();
图片 90}
图片 91});
图片 92图片 93}else图片 94{
图片 95$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
图片 96}
图片 97}
图片 98
图片 99
图片 100//取得下拉選單的選取值
图片 101
图片 102$(#testSelect option:selected').text();
图片 103或$("#testSelect").find('option:selected').text();
图片 104或$("#testSelect").val();
图片 105//////////////////////////////////////////////////////////////////
图片 106记性不好的可以收藏下:
图片 1071,下拉框:
图片 108
图片 109var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
图片 110var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
图片 111var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
图片 112$("#select").empty();//清空下拉框//$("#select").html('');
图片 113$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option
图片 114
图片 115稍微解释一下:
图片 1161.select[@name='country'] option[@selected] 表示具有name 属性,
图片 117并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
图片 118可以看出有@开头的就表示后面跟的是属性。
图片 119
图片 1202,单选框:
图片 121$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
图片 122$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
图片 123
图片 1243,复选框:
图片 125$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
图片 126图片 127$("input[@type=checkbox][@checked]").each(function()图片 128{ //由于复选框一般选中的是多个,所以可以循环输出
图片 129alert($(this).val());
图片 130});
图片 131
图片 132$("#chk1").attr("checked",'');//不打勾
图片 133$("#chk2").attr("checked",true);//打勾
图片 134图片 135if($("#chk1").attr('checked')==undefined)图片 136{} //判断是否已经打勾
图片 137
图片 138
图片 139当然jquery的选择器是强大的. 还有很多方法.
图片 140
图片 141<script src="jquery-1.2.1.js" type="text/javascript"></script>
图片 142<script language="javascript" type="text/javascript">
图片 143图片 144$(document).ready(function()图片 145{
图片 146$("#selectTest").change(function()
图片 147图片 148图片 149{
图片 150//alert("Hello");
图片 151//alert($("#selectTest").attr("name"));
图片 152//$("a").attr("href","xx.html");
图片 153//window.location.href="xx.html";
图片 154//alert($("#selectTest").val());
图片 155alert($("#selectTest option[@selected]").text());
图片 156$("#selectTest").attr("value", "2");
图片 157
图片 158});
图片 159});
图片 160</script>
图片 161
图片 162
图片 163<a href="#">aaass</a>
图片 164
图片 165<!--下拉框-->
图片 166<select id="selectTest" name="selectTest">
图片 167<option value="1">11</option>
图片 168<option value="2">22</option>
图片 169<option value="3">33</option>
图片 170<option value="4">44</option>
图片 171<option value="5">55</option>
图片 172<option value="6">66</option>
图片 173</select>
图片 174jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中项的值
图片 175var item = $('input[@name=items][@checked]').val();
图片 176获取select被选中项的文本
图片 177var item = $("select[@name=items] option[@selected]").text();
图片 178select下拉框的第二个元素为当前选中值
图片 179$('#select_id')[0].selectedIndex = 1;
图片 180radio单选组的第二个元素为当前选中值
图片 181$('input[@name=items]').get(1).checked = true;
图片 182获取值:
图片 183文本框,文本区域:$("#txt").attr("value");
图片 184多选框checkbox:$("#checkbox_id").attr("value");
图片 185单选组radio: $("input[@type=radio][@checked]").val();
图片 186下拉框select: $('#sel').val();
图片 187控制表单元素:
图片 188文本框,文本区域:$("#txt").attr("value",'');//清空内容
图片 189$("#txt").attr("value",'11');//填充内容
图片 190多选框checkbox: $("#chk1").attr("checked",'');//不打勾
图片 191$("#chk2").attr("checked",true);//打勾
图片 192if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
图片 193单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
图片 194下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
图片 195$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
图片 196$("#sel").empty();//清空下拉框
图片 197
图片 198获取一组radio被选中项的值
图片 199var item = $('input[@name=items][@checked]').val();
图片 200获取select被选中项的文本
图片 201var item = $("select[@name=items] option[@selected]").text();
图片 202select下拉框的第二个元素为当前选中值
图片 203$('#select_id')[0].selectedIndex = 1;
图片 204radio单选组的第二个元素为当前选中值
图片 205$('input[@name=items]').get(1).checked = true;
图片 206获取值:
图片 207文本框,文本区域:$("#txt").attr("value");
图片 208多选框checkbox:$("#checkbox_id").attr("value");
图片 209单选组radio: $("input[@type=radio][@checked]").val();
图片 210下拉框select: $('#sel').val();
图片 211控制表单元素:
图片 212文本框,文本区域:$("#txt").attr("value",'');//清空内容
图片 213$("#txt").attr("value",'11');//填充内容
图片 214多选框checkbox: $("#chk1").attr("checked",'');//不打勾
图片 215$("#chk2").attr("checked",true);//打勾
图片 216if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
图片 217单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
图片 218下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
图片 219$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
图片 220$("#sel").empty();//清空下拉框

$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值

获取值:   
文本框,文本区域:$("#txt").attr("value"); 
多选框checkbox:$("#checkbox_id").attr("value"); 
单选组radio:   $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val(); 

取值:val = $("#id")[0].value;

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

控制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
                 $("#txt").attr("value",'11');//填充内容 

赋值:

获取值:

多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
                 $("#chk2").attr("checked",true);//打勾 
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 

$("#id")[0].value =  "new value";

文本框,文本区域:$("#txt").attr("value");

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

或者$("#id").val("new value");

多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();


 

控制表单元素:

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

或者这样也可以:val = $("#id").attr("value");

文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

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

 

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
//////////////////////////////////////////////////////////////////

 

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

记性不好的可以收藏下:
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.    <html> 

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

稍微解释一下: 1.select[@name='country'] option[@selected] 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。

2.    <head> 

                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

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

3.    <title>jquery简单例子yanleigis Email:[email protected] </title>  

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

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

4.    <script type="text/javascript" src="jquery.js" ></script>  


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

5.    <SCRIPT LANGUAGE="JavaScript">    

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

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

6.    $(document).ready(function() {    

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

<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");

7.         

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

});
});
</script>

8.        $("#cylok").click(function() {  //只能使用id,前加# yanleigis Email:[email protected]  

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

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

9.          alert("Hello world cylok!");    

//////////////////////////////////////////////////////////////////
记性不好的可以收藏下:
1,下拉框:

<!--下拉框-->
<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>

10.       }); 

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属性值

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;

11.         $("#ylok").click(function() {    

$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

获取值: 文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

12.         alert("Hello world ylok!");    

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

控制表单元素: 文本框,文本区域:$("#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的项目为当前选中项
$("<optionvalueoptionvalue='1'>1111</option><optionvalueoptionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

13.       }); 

可以看出有@开头的就表示后面跟的是属性。

获取一组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;

14.         $("a").click(function() {    

2,单选框:

获取值: 文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

15.         alert("Hello world!");    

$("input[@type=radio][@checked]").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();//清空下拉框

16.       });    

$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkTe...

17.    

3,复选框:

18.       $("#add6").click(function(){     

$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值

19.           alert("Hello world add!"); 

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

20.          });    

$("#chk1").attr("checked",'');//不打勾

21.          

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

22.      $("#yltxt").bind("change",function(){    

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

23.          

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

24.         $("#yltxt")[0].value="yanlegis ok1";//方式一 

<script src="jquery-1.2.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){

25.          alert("方式二获得值:" $("#yltxt").attr("value"));  

$("#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");

26.         $("#yltxt").val("yanlegis ok2");//方法二 

});
});
</script>

27.          alert("方式二获得值:" $("#yltxt")[0].value);  

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

28.         //$("#yltxt").attr("value")="yanlegis ok3";//方法三 

<!--下拉框-->
<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();

29.     

select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;

30.            

radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:

31.       });    

文本框,文本区域:$("#txt").attr("value");

32.    

多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表单元素:

33.    

文本框,文本区域:$("#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'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

34.   }); 

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();

35.   </SCRIPT>    

select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;

36.   </head>  

radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:

37.   <body>  

文本框,文本区域:$("#txt").attr("value");

38.    

多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表单元素:

39.   <p> 

文本框,文本区域:$("#txt").attr("value",'');//清空内容

40.      <input type="button" id="ylok"  value="yanleigis"> 

$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾

41.      <input type="checkbox" id="cylok" value="[email protected]"> 

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

42.      <button id="add6">[email protected]</button> 

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

43.       

44.      

45.   <a href="" >Link</a> </p> 

46.   <p> 

47.      <input type="text" id="yltxt"> 

48.   </p> 

49.   </body>  

50.   </html> 

 

2.获取checkbox的值

...继续

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'>1111</option><optionvalue='2'>2222</option>").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();//清空下拉框

 

=======================================

 

1.    附:jquery 1.3.2对基本表单元素的取值方法 

2.      

3.     

4.    /*获得TEXT.AREATEXT的值*/var textval = $("#text_id").attr("value");//或者

var textval = $("#text_id").val(); /*获取单选按钮的值*/

var valradio = $("input[type=radio]:checked").val(); /*获取一组名为(items)的radio被选中项的值*/

var item = $('input[name=items]:checked').val(); /*获取复选框的值*/

var checkboxval = $("#checkbox_id").attr("value");/*获取下拉列表的值*/

var selectval = $('#select_id').val(); /*文本框,文本区域*/

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

$("#text_id").attr("value",'test');//填充内容/

*多选框checkbox*/$("#chk_id").attr("checked",");//使其未勾选$("#chk_id").attr("checked",true);

//勾选if($("#chk_id").attr('checked')==true) //判断是否已经选中/*单选组radio*/

$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项/*下拉框

select*/$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项

$("testtest2").appendTo("#select_id")//添加下拉框的option$("#select_id").empty();//清空下拉框/*获取一组名为(items)的radio被选中项的值*/var item = $('input[name=items]:checked').val(); //若未被选中 则val() = undefined /*获取select被选中项的文本*/

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

*select下拉框的第二个元素为当前选中值*/$('#select_id')[0].selectedIndex = 1; /

*radio单选组的第二个元素为当前选中值*/$('input[name=items]').get(1).checked = true; /

*重置表单*/$("form").each(function(){.reset();});  

  

 

 

摘自 Hurry的专栏

 

$()是一个jquery对象,而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元...

本文由9159.com发布于前端,转载请注明出处:语法解释,jquery与之对应的是val

关键词: 9159.com

上一篇:JS删除字符串中重复字符方法
下一篇:没有了