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

javascript jquery對form元素的常見操作詳解

 更新時間:2016年06月12日 11:14:14   投稿:jingxian  
下面小編就為大家?guī)硪黄猨avascript jquery對form元素的常見操作詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

1.下拉框 select :

移除option

$("#ID option").each(function(){
   if($(this).val() == 111){
   $(this).remove();
 }
});

添加option

$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));

取得下拉選單的選取值

//取下拉選中的文本
$('#testSelect option:selected').text();
$("#testSelect").find('option:selected').text();
document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //js操作 objSelect為select的name//取得下拉選中值
$("#testSelect").val();
//js操作
document.getElementById('objSelect').value=2;
document.all.objSelect.value;

根據(jù)option的值選中下拉框

$('#testSelect').val('111');document.all.objSelect.value = objItemValue; //js操作 objSelect為select的name或者iddocument.getElementById('sel').value=objItemValue;

select下拉框的第二個元素為當(dāng)前選中值

$('#select_id')[0].selectedIndex = 1;

2,單選框 radio :

$("input[type=radio][checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)
$(':radio[name="radio"]:checked').val();//第二種方法

$("input[type=radio][value=2]").attr("checked",'checked'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒有空格)
$(':radio[value="2"]').attr('checked','checked');

radio單選組的第二個元素為當(dāng)前選中值

$("input[name='items']").get(1).checked = true;

3,復(fù)選框 checkbox :(其它寫法參見上面:radio)

$("input[type='checkbox'][checked]").val(); //得到復(fù)選框的選中的第一項的值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
//全選/不選

 $("#selectAll").bind('click',function(){
   var sa = $(this).attr("checked");
   $("input[name='sel[]']").each(function(){
     this.checked=sa;
   });
 });

4,輸入框 input :

$(':input[name="keyword"]').val();//根據(jù)name值取得值

5,文本框 textarea :

固定文本框大?。?
<textarea name="123" style="resize:none;"></textarea>

以上這篇javascript jquery對form元素的常見操作詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 鴻蒙JS實戰(zhàn)之計算器功能開發(fā)實例

    鴻蒙JS實戰(zhàn)之計算器功能開發(fā)實例

    這篇文章主要給大家介紹了關(guān)于鴻蒙Js實戰(zhàn)之計算器功能開發(fā)的相關(guān)資料,計算器是我們生活中經(jīng)常使用的應(yīng)用,此項目是基于Harmony實現(xiàn)的簡易計算器,需要的朋友可以參考下
    2024-02-02
  • JavaScript算法教程之sku(庫存量單位)詳解

    JavaScript算法教程之sku(庫存量單位)詳解

    這篇文章主要給大家介紹了JavaScript算法教程之sku(庫存量單位)的相關(guān)資料,文中介紹的非常詳細,對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
    2017-06-06
  • 由?JavaScript?的?with?引發(fā)的探索

    由?JavaScript?的?with?引發(fā)的探索

    這篇文章主要介紹了由?JavaScript?的?with?引發(fā)的探索,js?的?with?是為對象訪問提供命名空間式的訪問方式,with?創(chuàng)建一個對象的命名空間,在這個命名空間內(nèi)你可以直接訪問對象的屬性,而不需要通過對象來訪問,下面一起來了解更多詳細內(nèi)容吧
    2022-01-01
  • javascript中搜索數(shù)組的四種方法示例詳解

    javascript中搜索數(shù)組的四種方法示例詳解

    我們在學(xué)到j(luò)s中數(shù)組的時候,我們會接觸到j(luò)s中數(shù)組的一些方法這些方法對我們來說,可以很便利的達到我們想要的結(jié)果,下面這篇文章主要給大家介紹了關(guān)于javascript中搜索數(shù)組的四種方法,需要的朋友可以參考下
    2022-12-12
  • js querySelector和getElementById通過id獲取元素的區(qū)別

    js querySelector和getElementById通過id獲取元素的區(qū)別

    這是sina同事xiaoniu發(fā)現(xiàn)的,querySelector和getElementById通過id獲取元素的區(qū)別
    2012-04-04
  • JS控件ASP.NET的treeview控件全選或者取消(示例代碼)

    JS控件ASP.NET的treeview控件全選或者取消(示例代碼)

    本篇文章主要是對JS控件ASP.NET的treeview控件全選或者取消的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • js防抖和節(jié)流的深入講解

    js防抖和節(jié)流的深入講解

    這篇文章主要給大家介紹了關(guān)于js防抖和節(jié)流的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-12-12
  • 完美實現(xiàn)八種js焦點輪播圖(上篇)

    完美實現(xiàn)八種js焦點輪播圖(上篇)

    這篇文章主要介紹了完美實現(xiàn)八種js焦點輪播圖的具體資料,基于完美運動框架move2.js而完成的八種焦點錄播圖,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】

    微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】

    這篇文章主要介紹了微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法,涉及微信小程序wx.getNetworkType函數(shù)檢查網(wǎng)絡(luò)連接狀態(tài)的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
    2017-12-12
  • javascript中select下拉框的用法總結(jié)

    javascript中select下拉框的用法總結(jié)

    這篇文章主要為大家介紹了javascript中select下拉框的用法,select在開發(fā)中經(jīng)常被用到,用于進行選項選擇,需要的朋友可以參考下
    2016-01-01

最新評論