有兩種方法,
成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)的開發(fā),更需要了解用戶,從用戶角度來建設(shè)網(wǎng)站,獲得較好的用戶體驗。創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗,見的多,溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián),不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來訪用戶感受到浩方產(chǎn)品的價值服務(wù)。
①:點擊事件;如:
input?type="checkbox"?class="ck"?/
$(".ck").click();
這樣就能設(shè)置復(fù)選框選中;
②:設(shè)置其checked屬性;如:
input?type="checkbox"?class="ck"?/
$(".ck").prop("checked",true);
這樣就設(shè)置復(fù)選框選中
1、新建一個html文件,命名為test.html。
2、在test.html文件內(nèi),在p標(biāo)簽內(nèi),使用input標(biāo)簽創(chuàng)建一個checkbox選項和一個文本框,并且文本框設(shè)置默認(rèn)值。
3、在test.html文件內(nèi),給每一個checkbox類型input元素設(shè)置name屬性,統(tǒng)一設(shè)置為ck,主要用于下面通過該name獲得input對象。
4、在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個按鈕,按鈕名稱為“獲得input值”。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當(dāng)按鈕被點擊時,執(zhí)行g(shù)etinput()函數(shù)。
6、在js標(biāo)簽中,創(chuàng)建getinput()函數(shù),在函數(shù)內(nèi),通過“:checked”選擇器獲得被選中的checkbox對象,使用next()方法獲得checkbox相鄰的input文本框?qū)ο?,通過val()方法獲得它的值。最后,使用alert()方法輸出input的值。
7、在瀏覽器打開test.html文件,點擊按鈕,查看結(jié)果。
1、首先web項目結(jié)構(gòu)如圖所示,這個結(jié)構(gòu)熟悉的話可以自己調(diào)整的。
2、然后設(shè)置一些較為簡單的選項框,這里隨便用abcd來代替選項框了。
3、這里是jq來實現(xiàn)全選,所以引入jQuery,并且給按鈕綁定一個jQuery類型的點擊事件即可。
4、然后通過prop來設(shè)置input的屬性即可設(shè)置全選了,prop是jq自帶的一個方法。
5、因為CheckBox可以設(shè)置checked屬性,所以我們把它設(shè)置為true即可。
6、最后預(yù)覽,可以看到CheckBox都被checked中了,這樣就達(dá)到全選了。
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"
title無標(biāo)題文檔/title
body
table
tr
tdinput?type="checkbox"?name="didian"?id="k1"/地點/td
/tr
tr??
tdinput?type="radio"??name="place"/北京/td
tdinput?type="radio"??name="place"/上海/td
tdinput?type="radio"??name="place"/天津/td
tdinput?type="radio"??name="place"/重慶/td
tdinput?type="radio"??name="place"/深圳/td
tdinput?type="radio"??name="place"/廣州/td
/tr
/table
script?type="text/javascript"?src=""/script
script?type="text/javascript"
$(document).ready(function(){
$("tr:eq(1)").hide();
$("#k1").click(function(){
if($(this).is(':checked')){
$("tr:eq(1)").show();
}else{
$("tr:eq(1)").hide();
}
});
});
/script
/body
/html
分享名稱:jquery復(fù)選框選中事件,js單選按鈕選中事件
文章出自:http://jinyejixie.com/article42/dsdjehc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、搜索引擎優(yōu)化、服務(wù)器托管、品牌網(wǎng)站制作、網(wǎng)站設(shè)計公司、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)