首頁 > 開發者 > 網站開發

JQuery 操作input

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：http   io   使用   java   ar   strong   for   div   art   

擷取選中的值 擷取一組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")；

$("#txt").val();

多選框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>& lt;optionvalue=‘2‘>2222</option>").appendTo("#sel")//添加下拉框的 option $("#sel").empty()；//清空下拉框

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

在Jquery中,用$("#id")來獲得頁面的input元素,其相當於 document.getElementById("element")但是,該擷取的是一個Jquery對 象,而不是一個dom element對象.value是dom element對象的屬性.所以,使用$("#id").value不能取到 值取值的方法如下:取值：val = $("#id")[0].value;$("#id")[0].value = "new value";賦值：$("#id")[0].value = "new value"; 或者$("#id").val("new value");val = $("#id").attr("value");

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

jquery input text radio check select 操作2009-04-29 15:36<!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> 無標題文檔</title>
<script src="jquery-starterkit/lib/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body> <input type="text" id="dd" name="dd" value="dds"/>dd
<input name="rr" id="rr" type="radio" value="34" />ff <input name="rr" id="rr2" type="radio" value="4" />55
<input name="ff" type="checkbox" value="aa" />jgdg <input name="ff" type="checkbox" value="gd" />jgdg
<select name="ss" id="ss" size="1"> <option value=""></option> <option value="8">d</option> <option value="2">g</option> </select>
<br/> <input type="button" id="button" value="按鈕一" /> <input type="button" id="jj" value="按鈕二" /> <br/>
<div id="ssd">fgfooHello</div>
</body>
<script language="javascript" type="text/javascript"> <!-- $(function(){ $("#button").click(function(){
//擷取值 //alert( $(‘#dd‘).val());//type=text // alert($(‘input[name=rr][checked]‘).val());//type=radio // alert($(‘input[name=ff][checked]‘).val());//type=checkbox // alert($("select[name=ss] option[selected]").val());//select 相等於alert($("#ss option[selected]").val());
//擷取文本 //alert($("select[name=ss] option[selected]").text());//select
//控制 /*// Disable #dd 禁用 $("#dd").attr("disabled","disabled"); // Enable #dd 解禁 $("#jj").removeAttr("disabled");*/
// $(‘input[name=rr]‘).get(0).checked = true;//第一個radio被選中 //alert($("input[type=radio] [value=34]").attr("checked",‘checked‘));//value=34的radio被選中
//alert($("input[type=checkbox] [value=gd]").attr("checked",‘checked‘));//value=gd的checkbox被選中 //$(‘input[name=ff]‘).get(1).checked = true;//第一個check被選中

/* //根據option的text選中option count=$("#ss").find("option").length; for(var i=0;i<count;i++) { if($("#ss").get(0).options[i].text == ‘d‘) { $("#ss").get(0).options[i].selected = true;
break; } } */
//$("<option value=‘1‘>1111</option><option value=‘25‘>22s22</option>").appendTo("#ss");//增加option //$("#ss option[value=8]").remove("");//除去 <option value=‘8‘>d</option>
//$("#ss").attr("value",‘2‘); //選中option //$(‘#ss‘)[0].selectedIndex = 1;//選中option
//$("#ss").empty();//清空全部option
/*//替換文本 var $thirdLink = $("#ssd"); var linkText = $thirdLink.text().replace(‘foo‘,‘bar‘); $thirdLink.text(linkText); */

}); }); --> </script> </html>

JQuery 操作input

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More