jquery取radio選項按鈕的值 $("input[name='items']:checked").val(); 另：判斷radio是否選中並取得選中的值 如下所示： function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--選中的值為："+$(":radio:checked").val()); } } 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()；//清空下拉框 剛開始接觸jquery，很多東西不熟悉 在用$("#id")來獲得頁面的input元素的時候，發現$("#id").value不能取到值 後來終於在偉大的百度協助下，找到了問題的原因： $("")是一個jquery對象，而不是一個dom element value是dom element的屬性 jquery與之對應的是val val() :獲得第一個匹配元素的當前值。 val(val):設定每一個匹配元素的值。 所以，代碼應該這樣寫： 取值：val = $("#id")[0].value; 賦值： $("#id")[0].value = "new value"; 或者$("#id").val("new value"); 或者這樣也可以：val = $("#id").attr("value"); jQuery中each非常好用，常用它取代javascript的for迴圈 例如在一個function裡有一個each,在each裡某種條件 成立的話，就把這個function返回true或者false function methodone(){ .... $.each(array,function(){ if(條件成立){ return true; } }); .... } 結果發現老是不對。 後來尋找資料才發現,在each代碼塊內不能使用break和continue,要實現break和continue的功能的話，要使用其它的方式 break----用return false; continue --用return ture; 所以當我在each裡想使用return true給這個function返回時，其實只是讓each繼續執行而以 連each都沒有中斷，所以function也就不能return了 另：判斷radio是否選中並取得選中的值 如下所示： function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--選中的值為："+$(":radio:checked").val()); } }
轉自：http://www.oschina.net/code/snippet_179497_6635
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery radio</title> <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script> <script type="text/javascript" language="javascript"> /*------判斷radio是否有選中，擷取選中的值--------*/ $(function(){ $("#btnSubmit").click(function(){ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什麼也沒選中!"); return false; } else{ alert(val); } var list= $('input:radio[name="list"]:checked').val(); if(list==null){ alert("請選中一個!"); return false; } else{ alert(list); } }); }); </script> </head> <body> <form id="form1" > <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 <br /> <input type="radio" name="list" value="十分滿意" />十分滿意 <input type="radio" name="list" value="滿意" />滿意 <input type="radio" name="list" value="不滿意" />不滿意 <input type="radio" name="list" value="非常差" />非常差 <br /> <input type="submit" value="submit" id="btnSubmit" /> </form> </body> </html>
轉自：http://blog.csdn.net/snihcel/article/details/7454221
下面先介紹了很多jquery擷取select屬性的方法，同時後面的執行個體我們講的是jquery 擷取下拉框值與select text代碼。jquery擷取select選擇的文本與值擷取select ：擷取select 選中的 text : $("#ddlregtype").find("option:selected").text();擷取select選中的 value: $("#ddlregtype ").val();擷取select選中的索引: $("#ddlregtype ").get(0).selectedindex;設定select:設定select 選中的索引： $("#ddlregtype ").get(0).selectedindex=index;//index為索引值設定select 選中的value： $("#ddlregtype ").attr("value","normal“); $("#ddlregtype ").val("normal"); $("#ddlregtype ").get(0).value = value;設定select 選中的text:var count=$("#ddlregtype option").length;for(var i=0;i<count;i++) { if($("#ddlregtype ").get(0).options[i].text == text) { $("#ddlregtype ").get(0).options[i].selected = true; break; } }$("#select_id option[text='jquery']").attr("selected", true);設定select option項:$("#select_id").append("<option value='value'>text</option>"); //添加一項option$("#select_id").prepend("<option value='0'>請選擇</option>"); //在前面插入一項option$("#select_id option:last").remove(); //刪除索引值最大的option$("#select_id option[index='0']").remove();//刪除索引值為0的option$("#select_id option[value='3']").remove(); //刪除值為3的option$("#select_id option[text='4']").remove(); //刪除text值為4的option清空 select:$("#ddlregtype ").empty();工作需要，要獲得兩個表單中的值。如何獲得從左邊選擇框添加到右邊選擇框中的值？我想了想用網頁特效可以獲得，這裡用了比較流行的jquery。js代碼如下：//擷取所有屬性值 var item = $("#select1").val(); $(function(){$('#select1').each( //獲得select1的所有值 function(){ $('button').click(function(){ alert($('#select2').val()); //獲得select2中的select1值 }); }); })</script>值得注意的是，不能直接寫成$(function(){$('#select2').each( //獲得select1的所有值，因為前面講選項從左邊添加到右邊，jquery其實並沒有真正將值從左邊傳到右邊。 function(){ $('button').click(function(){ alert($(this).val()); //獲得select2中的select1值 }); }); })html：<div class="centent"> <select multiple="multiple" id="select1" name="dd" style="width:100px;height:160px;"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> <option value="4">選項4</option> <option value="5">選項5</option> <option value="6">選項6</option> <option value="7">選項7</option> </select> <div> <span id="add" >選中添加到右邊>></span> <span id="add_all" >全部添加到右邊>></span> </div> </div> <div class="centent"> <select multiple="multiple" id="select2" name="sel" style="width: 100px;height:160px;"> </select> <div> <span id="remove"><<選中刪除到左邊</span> <span id="remove_all"><<全部刪除到左邊</span> </div> </div>
轉自：http://blog.csdn.net/snihcel/article/details/7454950
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
