欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery獲取及設(shè)置表單input各種類型值的方法小結(jié)

 更新時間：2016年05月24日 12:07:39   作者：懶人  
這篇文章主要介紹了jQuery獲取及設(shè)置表單input各種類型值的方法,總結(jié)分析了jQuery針對表單元素的各種常見操作技巧,非常簡單實用,需要的朋友可以參考下

本文實例講述了jQuery獲取及設(shè)置input各種類型值的方法。分享給大家供大家參考，具體如下：

獲取一組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;

獲取值：

文本框，文本區(qū)域：

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

多選框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的項目為當前選中項

下拉框select：

$("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當前選中項
$("<optionvalue='1'>1111</option><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");

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。

相關(guān)文章

  • jquery獲取iframe中的dom對象(兩種方法)

    jquery獲取iframe中的dom對象(兩種方法)

    本文為大家詳細介紹下父窗口中操作iframe、在子窗口中操作父窗口，獲取iframe內(nèi)的dom對象有兩種方法，感興趣的朋友可以了解下哈，希望對大家有所幫助
    2013-07-07
  • Jquery Ajax請求代碼(2)

    Jquery Ajax請求代碼(2)

    總結(jié)了一下了一下$.getJSON()一些應用，希望大家喜歡，首先我用的的是 Newtonsoft.Json.Net20.dll
    2011-01-01
  • 一款簡單的jQuery圖片標注效果附源碼下載

    一款簡單的jQuery圖片標注效果附源碼下載

    在一些電商網(wǎng)站和家居網(wǎng)站上我們會看到這樣的應用，一張圖片中顯示多種商品，點擊每個商品可以彈出對應商品的簡單介紹，包括價格等等，極大的提高了用戶體驗，今天我們通過實例給大家分享使用jQuery插件來實現(xiàn)這一效果
    2016-03-03
  • 利用瀏覽器全屏api實現(xiàn)js全屏

    利用瀏覽器全屏api實現(xiàn)js全屏

    這篇文章主要介紹了利用瀏覽器全屏api實現(xiàn)js全屏的代碼示例,示例中使用了jquery，把這個庫的地址改成自己的，大家參考使用吧
    2014-01-01
  • JQuery validate插件Remote用法大全

    JQuery validate插件Remote用法大全

    validate是一個基于Jquery的表單驗證插件，利用他的remote可以用來自定義遠程驗證，這篇文章主要介紹了JQuery validate插件Remote用法大全的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • 輕松學習jQuery插件EasyUI EasyUI表單驗證

    輕松學習jQuery插件EasyUI EasyUI表單驗證

    輕松學習jQuery插件EasyUI，本文的重點在于EasyUI表單驗證，并告訴大家如何提交表單，感興趣的小伙伴們可以參考一下
    2015-12-12
  • layui前段框架日期控件使用方法詳解

    layui前段框架日期控件使用方法詳解

    這篇文章主要為大家詳細介紹了layui前段框架日期控件使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • jquery 問答知識整理

    jquery 問答知識整理

    jquery 問答知識整理，學習jquery的朋友可以參考下。
    2010-02-02
  • jquery在項目中做復選框時遇到的一些問題筆記

    jquery在項目中做復選框時遇到的一些問題筆記

    在實踐中還是遇到了很多的問題，注意在input的checkbox中，用普通的attr屬性來判斷是不可以的，因為checked的值是checked，因此做個筆記
    2013-11-11
  • jQuery對JSON數(shù)據(jù)進行排序輸出的方法

    jQuery對JSON數(shù)據(jù)進行排序輸出的方法

    這篇文章主要介紹了jQuery對JSON數(shù)據(jù)進行排序輸出的方法,涉及jQuery中g(shù)etJSON與sort等方法的使用技巧,需要的朋友可以參考下
    2015-06-06

最新評論