1、獲取input的checked值是否為true:
我們提供的服務有:成都做網(wǎng)站、網(wǎng)站建設、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、萊西ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的萊西網(wǎng)站制作公司
//第一種:
if($("input[name=item][value='val']").attr('checked')==true)??//判斷是否已經(jīng)打勾????--注:name即控件name屬性,value即控件value屬性
//第二種:
可以不指定屬性值,因一組checkbox的value值都會保存其在數(shù)據(jù)庫中對應的id,最好寫成如下方式:
if($("input[name=row_checkbox]").attr('checked')==true)
//第三種:
if($("[name=row_checkbox]").attr('checked')==true)??--注:name即控件name屬性
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關文章分類:Web前端:
2、radio:
//獲取一組radio被選中項的值:
var?item?=?$('input[name=items][checked]').val();???--注:name即控件name屬性
//radio單選組的第二個元素為當前選中項?:
$('input[@name=items]').get(1).checked?=?true;
//或?
$('input[name=items]').attr("checked",?'1′);
//radio的value?=?'val'的元素為當前選中項:
$('input[name=items]?[value='val']').attr("checked","checked");
//radio設置value=2的元素為當前選中項:
$("input[type=radio]").attr("checked",'2′);
//radio被選中項的value值:
$("input[name='radio_name'][checked]").val();
//根據(jù)Value值設置Radio為選中狀態(tài):
$("input[name='radio_name'][value='要選中Radio的Value值'").attr("checked",true);
3、select:
//獲取select被選中項的文本:
var?item?=?$("select[@name=items]?option[@selected]").text();
//或?
var?item?=?$("select[name=items]").find("option:selected").text();
//select下拉框的第二個元素為當前選中值:
$('#select_id')[0].selectedIndex?=?1;?????--注:select_id'即控件的id屬性
//select下拉框value?=?'val'的元素為當前選中項:
$("select[name=items]?option[value='val']").attr("selected","selected");
//select設置value=-sel3的項目為當前選中項:
$("#sel").attr("value",'-sel3′);????--注:sel即select控件的id屬性
//添加下拉框的option:
$("option?value='1′1111/optionoption?value='2′2222/option").appendTo("#sel");
//select清空:
$("#sel").empty();
4、checkbox:
//checkbox的第二個元素被打勾:
$("input[name=items]").get(1).checked?=?true;???//打勾
//checkbox的value='val'的元素打勾:
$("input[name=item][value='val']").attr("checked",true);
或$("input[name=item][value='val']").attr("checked","checked");
//判斷checkbox是否已經(jīng)打勾:
if($("input[name=item][value='val']").attr('checked')==true)
//jQuery獲取CheckBox選擇的Value值:
//選擇被選中CheckBox元素的集合?如果你想得到Value值你需要遍歷這個集合
$($("input[name='checkbox_name'][checked]")).each(function(){
arrChk+=this.value?+?',';????//遍歷被選中CheckBox元素的集合?得到Value值
});
//checkbox的checked屬性:
$("#checkbox_id").attr("checked");?//獲取一個CheckBox的狀態(tài)(有沒有被選中,返回true/false)
$("#checkbox_id").attr("checked",true);?//設置一個CheckBox的狀態(tài)為選中(checked=true)
$("#checkbox_id").attr("checked",false);?//設置一個CheckBox的狀態(tài)為不選中(checked=false)
//根據(jù)上面三條,分析分析這句代碼的意思:
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));
--注:根據(jù)控件checkbox_id的checked狀態(tài)為name='checkbox_name'的input賦相同的checked狀態(tài)
5、獲取值:
//文本框,文本區(qū)域:
$("#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();
//文本框,文本區(qū)域:
$("#txt").attr("value",");?//清空內容
$("#txt").attr("value",'11′);?//填充內容
6、事件:
//當對象text_id獲取焦點時觸發(fā):
$("#text_id").focus(function(){
//code...
});
//當對象text_id失去焦點時觸發(fā):
$("#text_id").blur(function(){
//code...
});
7、其他:
//使文本框的Vlaue值成選中狀態(tài):
$("#text_id").select();
$("#text_id").val().split(",");?//將Text的Value值以','分隔返回一個數(shù)組
jquery根據(jù)name屬性查找:
$("div[id]") 選擇所有含有id屬性的div元素;
$("input[name='keleyicom']") 選擇所有的name屬性等于'keleyicom'的input元素;
$("input[name!='keleyicom']") 選擇所有的name屬性不等于'keleyicom'的input元素;
$("input[name^='keleyi']") 選擇所有的name屬性以'keleyi'開頭的input元素;
$("input[name$='keleyi']") 選擇所有的name屬性以'keleyi'結尾的input元素;
$("input[name*='keleyi']") 選擇所有的name屬性包含'keleyi'的input元素;
$("input[id][name$='keleyi']") 可以使用多個屬性進行聯(lián)合選擇,該選擇器是得到所有的含有id屬性并且那么屬性以keleyi結尾的元素。
擴展資料
jquery給input賦值,val的三種用法:
val()方法
定義和用法
val() 方法返回或設置被選元素的值。
元素的值是通過 value 屬性設置的。該方法大多用于 input 元素。
如果該方法未設置參數(shù),則返回被選元素的當前值。
input type="text" class="input1"
$('.input1').val('value567'); // 用法1 給input賦值value567
$('.input1').val(''); // 用法2 給input清空
$('.input1').val('');? //? 用法3 返回val的值
$(this).parent().find("i[isShow='fou']")
該元素就是屬性isshow為fou的i元素,注意引號。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。
它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的模塊可以分為:入口模塊、底層支持模塊和功能模塊。其核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口。
具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
看看這段能不能幫到你!祝成功!
01 jquery取radio單選按鈕的值
02 $("input[name='items']:checked").val();
03 jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關
04 獲取一組radio被選中項的值
05 var item = $('input[name=items][checked]').val();
06 獲取select被選中項的文本
07 var item = $("select[name=items] option[selected]").text();
08 select下拉框的第二個元素為當前選中值
09 $('#select_id')[0].selectedIndex = 1;
10 radio單選組的第二個元素為當前選中值
11 $('input[name=items]').get(1).checked = true;
12
13 獲取值:
14
15 文本框,文本區(qū)域:$("#txt").attr("value");
16 多選框checkbox:$("#checkbox_id").attr("value");
17 單選組radio: $("input[type=radio][checked]").val();
18 下拉框select: $('#sel').val();
19
20 控制表單元素:
21 文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內容
22 $("#txt").attr("value",'11');//填充內容
23
24 多選框checkbox: $("#chk1").attr("checked",'');//不打勾
25 $("#chk2").attr("checked",true);//打勾
26 if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
27
28 單選組radio: $("input[type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項
29 下拉框select: $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項
30 $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option
31 $("#sel").empty();//清空下拉框
32
33 剛開始接觸jquery,很多東西不熟悉
34 在用$("#id")來獲得頁面的input元素的時候,發(fā)現(xiàn)$("#id").value不能取到值
35
36 后來終于在偉大的百度幫助下,找到了問題的原因:
37 $("")是一個jquery對象,而不是一個dom element
38
39 value是dom element的屬性
40
41 jquery與之對應的是val
42
43 val() :獲得第一個匹配元素的當前值。
44
45 val(val):設置每一個匹配元素的值。
46
47 所以,代碼應該這樣寫:
48
49 取值:val = $("#id")[0].value;
50 賦值:
51 $("#id")[0].value = "new value";
52 或者$("#id").val("new value");
53
54 或者這樣也可以:val = $("#id").attr("value");