jQuery中的RadioButton,input,CheckBox取值賦值實現代碼

來源:互聯網
上載者:User
1、jquery 擷取單選組radio

$("input[name='name']:checked").val();

2、jquery擷取radiobutton的下一個值

$("input[name='name']:checked").next().text()$("input[name='name']:checked").val()

3、jquery 擷取input的值

$('#id').val()

4、jquery判斷多選框checkbox

$("#id:checkbox").attr("checked")取值 $("#id").attr("value");

賦值則是在text()、val()裡面直接給值

JQUERY如何擷取text,areatext,radio,checkbox,select值?

$("input").val();$("textarea").text();$("select").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的項目為當前選中項
$("

jQuery 擷取和設定select下拉框的值文章分類:.net編程

擷取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("

清空 Select:

$("#ddlRegType ").empty();
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.