實(shí)用jquery操作表單元素的簡(jiǎn)單代碼
取下拉菜單選中項(xiàng)的文本; 獲取和設(shè)置下拉菜單的值; 清空下拉菜單; 給下列菜單添加元素; 取單選框值; 單選或復(fù)選按鈕的選擇; 取復(fù)選框值; 判斷單選或復(fù)選框是否被選中; 元素可用不可用; 判斷元素可用不可用。
實(shí)用jquery操作表單元素代碼
/* 假設(shè)在一個(gè)表單中有一個(gè)按鈕id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//設(shè)為不可用 $("#form1")[0].submit();//如果你有很多個(gè)id為form1的表單也沒關(guān)系,只有第一個(gè)會(huì)提交的哈哈. }); });
取下拉菜單選中項(xiàng)的文本;
獲取和設(shè)置下拉菜單的值;
清空下拉菜單;
給下列菜單添加元素;
取單選框值;
單選或復(fù)選按鈕的選擇;
取復(fù)選框值;
判斷單選或復(fù)選框是否被選中;
元素可用不可用;
判斷元素可用不可用。
1. 取下拉菜單選中項(xiàng)的文本
$("#select option[selected]").text();//select和option之間有空格,option為select的子元素 $("#select option:selected").text();//如果寫成$("#select").text();會(huì)把所有下拉菜單的文本選擇出來
2.獲取和設(shè)置下拉菜單的值
$("#select").val();//取值 $("#select").val("value");//設(shè)置,如果select中有值為value的選項(xiàng),該選項(xiàng)就會(huì)被選中,如果不存在,則select不做任何變動(dòng)
3.清空下拉菜單
$("#select").empty(); $("#select").html("");
4.給下列菜單添加元素
$('<option value="1">1</option>').appendto($("#select")); $("#select").append('<option value="1">1</option>');
5.取單選框值
$("#id[checked]").val();
6.單選或復(fù)選按鈕的選擇
$("#id[value=val]").attr("checked",true);//選擇 $("#id[value=val]").attr("checked","");//取消選擇 $("#id[value=val]").attr("checked",false);//取消選擇 $("#id[value=val]").removeattr("checked");//取消選擇
7.取復(fù)選框值
$("input[type=checkbox][checked]").each(function(){ alert($(this).val()); }) //如果用$("input[type=checkbox][checked]").val(),只會(huì)返回第一個(gè)被選中的值
8.判斷單選或復(fù)選框是否被選中
if($("#id").attr("checked")){}//判斷選中 if($("#id").attr("checked")==true){}//判斷選中 if($("#id").attr("checked")==undefined){}//判斷未選中
9.元素可用不可用
$("#id").attr("disabled",false);//設(shè)為可用 $("#id").attr("disabled",true);//設(shè)為不可用
10.判斷元素可用不可用
if($("#id").attr("disabled")){}//判斷不可用 if($("#id").attr("disabled")==undefined){}//判斷可用
以上這篇實(shí)用jquery操作表單元素的簡(jiǎn)單代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于JQuery的6個(gè)Tab選項(xiàng)卡插件
今天在修整博客側(cè)欄信息時(shí),利用到了Tab選項(xiàng)卡方式,因?yàn)閆Blog封裝的是JQuery庫,所以很自然地就想到了IdTabs。2010-09-09JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-01-01基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼
基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-05-05jQuery簡(jiǎn)單注冊(cè)和禁用全局事件的方法
這篇文章主要介紹了jQuery簡(jiǎn)單注冊(cè)和禁用全局事件的方法,結(jié)合實(shí)例形式分析了jQuery中ajaxStart與ajaxStop方法的使用技巧,需要的朋友可以參考下2016-07-07jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法,可應(yīng)用于手機(jī)端應(yīng)用程序的開發(fā)中,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02Bootstrop實(shí)現(xiàn)多級(jí)下拉菜單功能
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡(jiǎn)潔靈活,使得 Web 開發(fā)更加快捷。本文重點(diǎn)給大家介紹bootstrap實(shí)現(xiàn)多級(jí)下拉菜單功能的實(shí)例代碼,感興趣的朋友一起學(xué)習(xí)吧2016-11-11實(shí)現(xiàn)easyui的datagrid導(dǎo)出為excel的示例代碼
下面小編就為大家?guī)硪黄獙?shí)現(xiàn)easyui的datagrid導(dǎo)出為excel的示例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11jquery實(shí)現(xiàn)文本框數(shù)量加減功能的例子分享
在做商城項(xiàng)目的時(shí)候,需要在購物車中增加一個(gè)商品加減功能,并在加減時(shí)同時(shí)修改總價(jià)格的顯示,并且保證文本框text只能輸入純數(shù)字2014-05-05