jquery從頁面取值

按照你目前的寫法你可以這樣寫：

從策劃到設(shè)計(jì)制作，每一步都追求做到細(xì)膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)、主機(jī)域名、網(wǎng)站空間、網(wǎng)絡(luò)營銷、VI設(shè)計(jì)、 網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進(jìn)步。

$("b").click(function() {

window.valueArr=window.valueArr||[];

window.valueArr.push($(this).html());

$(this).addClass('red'); // 設(shè)置被點(diǎn)擊元素為紅色

$(this).siblings('b').removeClass('red'); // 去除所有同胞元素的紅色樣式

}

for(i in window.valueArr)

{

alert(window.valueArr[i]);

}

jquery取值

直接ID選擇器

$('#id').val()

textarea 里面包含input?什么概念

jquery怎么取class的值

jquery可以用attr函數(shù)來獲取class的值。

1、新建html文檔，在head標(biāo)簽中引入jquery的js文件或者cdn鏈接：

2、在body標(biāo)簽中添加一個(gè)div標(biāo)簽，設(shè)置div的“id”為“test”，設(shè)置div的類名“class”為“demo”：

3、添加代碼“$('#test').attr('class')”，其中“$('#test')”指的是根據(jù)id“test”選擇這個(gè)div，“attr('class')”指的是使用“attr”函數(shù)獲取類名“class”的值：

jquery獲取元素值的方法(常見的表單元素)

jquery

radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關(guān)

獲取一組radio被選中項(xiàng)的值

var

item

=

$('input[name=items][checked]').val();

獲取select被選中項(xiàng)的文本

var

item

=

$("select[name=items]

option[selected]").text();

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

$('#select_id')[0].selectedIndex

=

1;

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

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

=

true;

獲取值：

文本框，文本區(qū)域：$("#txt").attr("value")；

多選框checkbox：$("#checkbox_id").attr("value")；

單選組radio：

$("input[@type=radio][@checked]").val();

下拉框select：

$('#sel').val();

控制表單元素：

文本框，文本區(qū)域：$("#txt").attr("value",'');//清空內(nèi)容

$("#txt").attr("value",'11');//填充內(nèi)容

多選框checkbox：

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined)

//判斷是否已經(jīng)打勾

單選組radio：

$("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)

下拉框select：

$("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng)

$("option

value='1'1111/optionoption

value='2'2222/option").appendTo("#sel")//添加下拉框的option

$("#sel").empty()；//清空下拉框

如何用jquery獲取input中輸入的值

1、獲取input的checked值是否為true：

//第一種：

if($("input[name=item][value='val']").attr('checked')==true)??//判斷是否已經(jīng)打勾????--注：name即控件name屬性,value即控件value屬性

//第二種：

可以不指定屬性值，因一組checkbox的value值都會(huì)保存其在數(shù)據(jù)庫中對(duì)應(yīng)的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選中,及其相關(guān)文章分類:Web前端：

2、radio:

//獲取一組radio被選中項(xiàng)的值：

var?item?=?$('input[name=items][checked]').val();???--注：name即控件name屬性

//radio單選組的第二個(gè)元素為當(dāng)前選中項(xiàng)?：

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

//或?

$('input[name=items]').attr("checked",?'1′);

//radio的value?=?'val'的元素為當(dāng)前選中項(xiàng)：

$('input[name=items]?[value='val']').attr("checked","checked");

//radio設(shè)置value=2的元素為當(dāng)前選中項(xiàng)：

$("input[type=radio]").attr("checked",'2′);

//radio被選中項(xiàng)的value值：

$("input[name='radio_name'][checked]").val();

//根據(jù)Value值設(shè)置Radio為選中狀態(tài)：

$("input[name='radio_name'][value='要選中Radio的Value值'").attr("checked",true);

3、select:

//獲取select被選中項(xiàng)的文本：

var?item?=?$("select[@name=items]?option[@selected]").text();

//或?

var?item?=?$("select[name=items]").find("option:selected").text();

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

$('#select_id')[0].selectedIndex?=?1;?????--注：select_id'即控件的id屬性

//select下拉框value?=?'val'的元素為當(dāng)前選中項(xiàng)：

$("select[name=items]?option[value='val']").attr("selected","selected");

//select設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng)：

$("#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的第二個(gè)元素被打勾：

$("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值你需要遍歷這個(gè)集合

$($("input[name='checkbox_name'][checked]")).each(function(){

arrChk+=this.value?+?',';????//遍歷被選中CheckBox元素的集合?得到Value值

});

//checkbox的checked屬性：

$("#checkbox_id").attr("checked");?//獲取一個(gè)CheckBox的狀態(tài)(有沒有被選中,返回true/false)

$("#checkbox_id").attr("checked",true);?//設(shè)置一個(gè)CheckBox的狀態(tài)為選中(checked=true)

$("#checkbox_id").attr("checked",false);?//設(shè)置一個(gè)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",");?//清空內(nèi)容

$("#txt").attr("value",'11′);?//填充內(nèi)容

6、事件：

//當(dāng)對(duì)象text_id獲取焦點(diǎn)時(shí)觸發(fā)：

$("#text_id").focus(function(){

//code...

});

//當(dāng)對(duì)象text_id失去焦點(diǎn)時(shí)觸發(fā)：

$("#text_id").blur(function(){

//code...

});

7、其他：

//使文本框的Vlaue值成選中狀態(tài)：

$("#text_id").select();

$("#text_id").val().split(",");?//將Text的Value值以','分隔返回一個(gè)數(shù)組