熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery 獲取表單元素裡面的值示例代碼

2013-11-15 12:01:33  來源: JSP教程 
本文為大家詳細介紹下通過jquery獲取表單元素CheckBoxRadio等的值有需求的朋友可以參考下希望對大家有所幫助  

  jquery 筆記

復制代碼 代碼如下:
$(“input[name=radio_name]:checked”)val()
<input type="radio" value="" name="radio_name" />
<input type="radio" value="" name="radio_name" />
<input type="radio" value="" name="radio_name" />

  
網上的東西太亂了而且jQuery不同版本可能寫法不太一樣經過搜索和做實驗下面寫的是jQuery 版本下的
jquery radio取值checkbox取值select取值radio選中checkbox選中select選中及其相關設置
獲取一組radio被選中項的值var item = $(input[name=items][checked]‘)val();

獲取select被選中項的文本
var item = $(”select[@name=items] option[@selected]“)text();
獲取select被選中項的文本 var item = $(”select[name=items] option[selected]“)text(); 或
$(”select[name=items]“)find(”option:selected”)text();
select下拉框的第二個元素為當前選中值$(#select_id)[]selectedIndex = ;
select下拉框value = ‘val的元素為當前選中項$(”select[name=items] option[value=val]“)attr(”selected””selected”);
radio單選組的第二個元素為當前選中項 $(input[@name=items]‘)get()checked = true; 或$(input[name=items]‘)attr(”checked”′);
radio的value = ‘val的元素為當前選中項$(input[name=items][value=val]‘)attr(”checked””checked”);
獲取值
文本框文本區域$(”#txt”)attr(”value”)
多選框checkbox$(”input[name=checkbox:checked]“)each(function(){
var val = $(this)val();
});
單選組radio $(”input[type=radio][checked]“)val();
下拉框select的value值 $(select)val();
下拉框select選中的text值$(”select”)find(”option:selected”)text();

控制表單元素
文本框文本區域$(”#txt”)attr(”value””); //清空內容
$(”#txt”)attr(”value”′); //填充內容
多選框checkbox
checkbox的第二個元素被打勾$(”input[name=items]“)get()checked = true; //打勾
$(”input[name=items]“)get()checked = false; //不打勾
checkbox 的value=val的元素前打勾$(”input[name=item] [value=val]“)attr(”checked”true);或$(”input[name=item] [value=val]“)attr(”checked””checked”);
if($(”input[name=item][value=val]“)attr(checked)==true) //判斷是否已經打勾
單選組radio $(”input[type=radio]“)attr(”checked”′);//設置value=的項目為當前選中項
下拉框select $(”#sel”)attr(”value”sel′);//設置value=sel的項目為當前選中項
$(”<option value=′></option><option value=′></option>”)appendTo(”#sel”)//添加下拉框的option
$(”#sel”)empty()//清空下拉框

jQuery獲取Radio選擇的Value值
代碼$("input[name=radio_name][checked]")val(); //選擇被選中Radio的Value值
$("#text_id")focus(function(){//code}); //事件 當對象text_id獲取焦點時觸發
$("#text_id")blur(function(){//code}); //事件 當對象text_id失去焦點時觸發
$("#text_id")select(); //使文本框的Vlaue值成選中狀態
$("input[name=radio_name][value=要選中Radio的Value值")
attr("checked"true); //根據Value值設置Radio為選中狀態

jQuery獲取CheckBox選擇的Value值
$("input[name=checkbox_name][checked]"); //選擇被選中CheckBox元素的集合 如果你想得到Value值你需要遍歷這個集合
$($("input[name=checkbox_name][checked]"))
each(function(){arrChk+=thisvalue +;});//遍歷被選中CheckBox元素的集合 得到Value值
$("#checkbox_id")attr("checked"); //獲取一個CheckBox的狀態(有沒有被選中返回true/false)
$("#checkbox_id")attr("checked"true); //設置一個CheckBox的狀態為選中(checked=true)
$("#checkbox_id")attr("checked"false); //設置一個CheckBox的狀態為不選中(checked=false)
$("input[name=checkbox_name]")attr
("checked"$("#checkbox_id")attr("checked"));//根據你可以分析分析這句代碼的意思
$("#text_id")val()split(""); //將Text的Value值以分隔 返回一個數組
上面的這些操作其實就是jQuery選擇器的使用希望大家對jQuery選擇器方面的知識要掌握扎實


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20111.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.