!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
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)(多選框)全選和取消全選功能:
!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
有兩種方法,
①:點(diǎn)擊事件;如:
input?type="checkbox"?class="ck"?/
$(".ck").click();
這樣就能設(shè)置復(fù)選框選中;
②:設(shè)置其checked屬性;如:
input?type="checkbox"?class="ck"?/
$(".ck").prop("checked",true);
這樣就設(shè)置復(fù)選框選中