真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery框選,jquery設(shè)置單選框選中

jquery單選框

!DOCTYPE?html

為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、營銷型網(wǎng)站建設(shè)、競價(jià)托管、品牌運(yùn)營等營銷獲客服務(wù)。創(chuàng)新互聯(lián)公司擁有網(wǎng)絡(luò)營銷運(yùn)營團(tuán)隊(duì),以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客,真正落地解決中小企業(yè)營銷獲客難題,做到“讓獲客更簡單”。自創(chuàng)立至今,成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營銷”三大難題,同時(shí)降低了營銷成本,提高了有效客戶轉(zhuǎn)化率,獲得了眾多企業(yè)客戶的高度認(rèn)可!

html?lang="en"

head

meta?charset="UTF-8"

meta?name="viewport"?content="width=device-width,?initial-scale=1.0"

meta?http-equiv="X-UA-Compatible"?content="ie=edge"

titleDocument/title

script?src=""/script

/head

body

p

label?for="radio_a"A/label

input?type="radio"?name="edit"?id="radio_a"?value=""

input?type="text"?disabled?/

/p

p

label?for="radio_b"B/label

input?type="radio"?name="edit"?id="radio_b"?value=""

input?type="text"?disabled?/

/p

script?async?defer

$(document).ready(function()?{

$('input[type="radio"]').change(function(e)?{

var?self?=?this

$('input[type="text"]').prop('disabled',?true)

$(self).next().prop('disabled',?false)

$(self).next().focus()

})

})

/script

/body

/html

Jquery實(shí)現(xiàn)復(fù)選框全選與全不選

1、首先web項(xiàng)目結(jié)構(gòu)如圖所示,這個(gè)結(jié)構(gòu)熟悉的話可以自己調(diào)整的。

2、然后設(shè)置一些較為簡單的選項(xiàng)框,這里隨便用abcd來代替選項(xiàng)框了。

3、這里是jq來實(shí)現(xiàn)全選,所以引入jQuery,并且給按鈕綁定一個(gè)jQuery類型的點(diǎn)擊事件即可。

4、然后通過prop來設(shè)置input的屬性即可設(shè)置全選了,prop是jq自帶的一個(gè)方法。

5、因?yàn)镃heckBox可以設(shè)置checked屬性,所以我們把它設(shè)置為true即可。

6、最后預(yù)覽,可以看到CheckBox都被checked中了,這樣就達(dá)到全選了。

jQuery 實(shí)現(xiàn)多選框功能

jquery實(shí)現(xiàn)(多選框)全選和取消全選功能:

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""?

head

meta?http-equiv="content-type"?content="text/html"?charset="utf8"

title/title

/*要添加好jquery庫*/

script?type="text/javascript"?src=\'#\'"?/script

script?src=\'#\'"?type="text/javascript"/script

script?type="text/javascript"

function?checkAll()?{

$("input:checkbox").attr("checked","true");

}

function?uncheckAll()?{

$("input:checkbox").each(function(){

this.checked=false;

})

}

/script

/head

body

input?type="checkbox"?id="in1"?/1br?/

input?type="checkbox"?id="in2"?/2br?/

input?type="checkbox"?id="in3"?/3br?/

p

input?type="button"?name="checkAll"?value="全選"?/

input?type="button"?name="uncheckAll"?value="取消"?/

/p

/body

/html

jquery 怎么給復(fù)選框選中

有兩種方法,

①:點(diǎn)擊事件;如:

input?type="checkbox"?class="ck"?/

$(".ck").click();

這樣就能設(shè)置復(fù)選框選中;

②:設(shè)置其checked屬性;如:

input?type="checkbox"?class="ck"?/

$(".ck").prop("checked",true);

這樣就設(shè)置復(fù)選框選中


分享名稱:jquery框選,jquery設(shè)置單選框選中
分享鏈接:http://weahome.cn/article/dssejgd.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部