實(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的表單也沒(méi)關(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();//如果寫(xiě)成$("#select").text();會(huì)把所有下拉菜單的文本選擇出來(lái)
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及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
這篇文章主要介紹了利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)的方法,這里的GridView是指C#軟件開(kāi)發(fā)中的GridView控件,需要的朋友可以參考下2015-12-12
ajax的分頁(yè)查詢(xún)示例(不刷新頁(yè)面)
這篇文章主要介紹了ajax的分頁(yè)查詢(xún)示例(不刷新頁(yè)面),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實(shí)現(xiàn)方法
本篇文章主要是對(duì)jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實(shí)現(xiàn)方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02
jQuery中select與datalist制作下拉菜單時(shí)的區(qū)別淺析
一般我們通常使用select制作下拉菜單,但是H5之后,datalist也可以充當(dāng)select的角色,而且兩者還有一點(diǎn)小的不同。具體區(qū)別詳解小編通過(guò)本文給簡(jiǎn)單介紹下2016-12-12
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類(lèi)似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類(lèi)似的連接效果...2007-05-05
JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示
本文給大家介紹JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示功能,本文分步驟給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2016-11-11
Jqyery中同等與js中windows.onload的應(yīng)用
我們知道,在javascript中用來(lái)執(zhí)行頁(yè)面加載中的操作時(shí)候,我們會(huì)使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調(diào)用onload事件調(diào)用方法即可,在jQuery中也有相當(dāng)?shù)拇a2011-05-05

