jquery中對(duì)表單的基本操作代碼
更新時(shí)間：2010年07月29日 12:49:07 作者：
jquery對(duì)表單的基本操作，里面對(duì)于checkbox等表單的獲取，都有很詳細(xì)的說(shuō)明。
復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../conn/jsfile/jquery.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
文本框 ：<input type="text" id="txt" value="txt" /><br />
單選按鈕：<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
復(fù)選框：<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框：
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 獲取文本框的值
alert(document.getElementById("txt").value);
*/
/*獲取單選按鈕的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios[i].checked) {
alert(radios[i].value);
}
}
*/
/*獲取復(fù)選框中選中的值的組合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs[i].checked) {
alert(checkboxs[i].value);
}
}
*/
/*獲取下拉列表的選中項(xiàng)的值
方法一：
alert(document.getElementById("sel").value);
方法二：
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
/*------------------------------------------------jquery-------------------------------------------*/
/*獲取文本框的值
alert($("#txt").val());
*/
/*獲取單選框選中項(xiàng)的值
alert($(":radio[name='sex']:checked").val());
單選框賦值 設(shè)置選中項(xiàng)
$(":radio[name='sex']").val(["男"]);
*/
/*獲取復(fù)選框的值
$(":checkbox[name='cc']:checked").each(function(i) {
alert(this.value);
});
復(fù)選框賦值 選中這幾項(xiàng)
$(":checkbox[name='cc']").val(["1", "2", "3"]);
*/
/*獲取下拉列表的值
alert($("#sel").val());
獲取下拉列表的文本
alert($("#sel option:selected").text());
*/
</script>
</form>
</body>
</html>
相關(guān)文章
Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例代碼
這篇文章介紹了Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例，有需要的朋友可以參考一下2013-07-07![基于jquery的lazy loader插件實(shí)現(xiàn)圖片的延遲加載[簡(jiǎn)單使用]](http://img.jbzj.com/images/xgimg/bcimg1.png)
基于jquery的lazy loader插件實(shí)現(xiàn)圖片的延遲加載[簡(jiǎn)單使用]
當(dāng)網(wǎng)站上有大量圖片要展示的話，如果一次把所有的圖片都加載出來(lái)的話，這勢(shì)必會(huì)影響網(wǎng)站的加載速度，給用戶帶來(lái)比較差的體驗(yàn)。2011-05-05
jquery插件制作 提示框插件實(shí)現(xiàn)代碼
今天我們介紹的是提示框插件tooltip的制作，其中還會(huì)介紹到自定義選擇器插件的開(kāi)發(fā)2012-08-08
Jquery $.getJSON 在IE下的緩存問(wèn)題解決方法
$.getJSON 的url都是相同的 問(wèn)題來(lái)了 我修改 或者 新增樹(shù)節(jié)點(diǎn) 然后刷新tree IE竟然毫無(wú)變化 在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法2014-10-10
使用DataTable插件實(shí)現(xiàn)異步加載數(shù)據(jù)
本文給大家分享的是Jquery+dataTable插件來(lái)實(shí)現(xiàn)異步加載數(shù)據(jù)的示例代碼，非常實(shí)用，有需要的小伙伴可以參考下2017-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery用戶頭像裁剪插件cropbox.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法,涉及jQuery操作頁(yè)面元素滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了jquery ajaxfileupload異步上傳插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JQuery點(diǎn)擊行tr實(shí)現(xiàn)checkBox選中的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JQuery點(diǎn)擊行tr實(shí)現(xiàn)checkBox選中的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jquery采用oop模式class類的使用方法,結(jié)合實(shí)例形式分析了jQuery模擬oop模式定義class類與方法的技巧,需要的朋友可以參考下2016-01-01