最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery獲取input表單值的代碼

 更新時間:2010年04月19日 18:49:42   作者:  
剛開始接觸jquery,很多東西不熟悉,對于表單的一些操作收集整理。
jquery取radio單選按鈕的值
$("input[name='items']:checked").val();
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關(guān)
獲取一組radio被選中項的值
var item = $('input[name=items][checked]').val();
獲取select被選中項的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[name=items]').get(1).checked = true;

獲取值:

文本框,文本區(qū)域:$("#txt").attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[type=radio][checked]").val();
下拉框select: $('#sel').val();

控制表單元素:
文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內(nèi)容
$("#txt").attr("value",'11');//填充內(nèi)容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾

單選組radio: $("input[type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

剛開始接觸jquery,很多東西不熟悉
在用$("#id")來獲得頁面的input元素的時候,發(fā)現(xiàn)$("#id").value不能取到值

后來終于在偉大的百度幫助下,找到了問題的原因:
$("")是一個jquery對象,而不是一個dom element

value是dom element的屬性

jquery與之對應(yīng)的是val

val() :獲得第一個匹配元素的當(dāng)前值。

val(val):設(shè)置每一個匹配元素的值。

所以,代碼應(yīng)該這樣寫:

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

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

相關(guān)文章

  • jquery實現(xiàn)輪播圖特效

    jquery實現(xiàn)輪播圖特效

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)輪播圖特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-04-04
  • jquery事件與綁定事件

    jquery事件與綁定事件

    本文主要介紹了jquery事件與綁定事件的相關(guān)知識,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • 酷炫jQuery全屏3D焦點圖動畫效果

    酷炫jQuery全屏3D焦點圖動畫效果

    這篇文章主要介紹了一款非??犰诺膉Query全屏3D焦點圖動畫效果其特點是整個焦點圖基本是全屏顯示的,非常大氣,感興趣的小伙伴們可以參考一下
    2016-03-03
  • jQuery插件jQuery-JSONP開發(fā)ajax調(diào)用使用注意事項

    jQuery插件jQuery-JSONP開發(fā)ajax調(diào)用使用注意事項

    jQuery-JSONP是一個支持 JSONP 調(diào)用的 jQuery 插件,使用它是因為它支持出錯時的 ajax 回調(diào),而 jQuery 的 $.ajax 不支持,我們已經(jīng)在實際項目中使用,在開始使用時遇到了2個問題,在這里記錄并分享一下。
    2013-11-11
  • jQuery實現(xiàn)彈出層效果

    jQuery實現(xiàn)彈出層效果

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)彈出層效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • 基于jquery自己寫tab滑動門(通用版)

    基于jquery自己寫tab滑動門(通用版)

    今天與大家分享一下,自己寫的滑動門。在網(wǎng)上也搜索了一下,沒發(fā)現(xiàn)比較好的,于是乎自己寫一吧~寫起來也很簡單,為了方便使用,我已經(jīng)盡量封裝好了。好吧,閑話少說,直接上代碼吧
    2012-10-10
  • 為jQuery增加join方法的實現(xiàn)代碼

    為jQuery增加join方法的實現(xiàn)代碼

    正在做一個在線書簽管理的站點,有需要這樣一個功能,把匹配節(jié)點的id或值拼合起來以用來傳遞參數(shù)。
    2010-11-11
  • jQuery初識之設(shè)計思想方法函數(shù)示例

    jQuery初識之設(shè)計思想方法函數(shù)示例

    這篇文章主要為大家介紹了jQuery初識之設(shè)計思想及方法函數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-06-06
  • jquery組件WebUploader文件上傳用法詳解

    jquery組件WebUploader文件上傳用法詳解

    這篇文章主要為大家詳細介紹了jquery組件WebUploader文件上傳用法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • jquery 合并內(nèi)容相同的單元格(示例代碼)

    jquery 合并內(nèi)容相同的單元格(示例代碼)

    這篇文章主要是對jquery合并內(nèi)容相同的單元格示例代碼進行了介紹。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12

最新評論

彩票| 航空| 临安市| 龙游县| 南汇区| 万安县| 拉孜县| 凤山市| 灵石县| 石嘴山市| 安国市| 柘城县| 民县| 盘锦市| 突泉县| 温宿县| 商城县| 勃利县| 聂拉木县| 钦州市| 霍林郭勒市| 云和县| 法库县| 镇安县| 四会市| 临沭县| 台北市| 松滋市| 久治县| 义乌市| 五华县| 斗六市| 饶河县| 公安县| 合作市| 康平县| 确山县| 长武县| 广宗县| 南城县| 青川县|