<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
//css樣式
<style>
table,td{
width: 650px;
height: 10px;
margin: 0 auto; /* 表格居中顯示 */
border-top: 2px solid #444; /* 表格的上邊框 */
/*border-bottom: 2px solid #444; !* 表格的下邊框 *!*/
border-color: #444444;
background-color: chartreuse;
}
button{
background-color: burlywood;
}
</style>
//css樣式
</head>
<table>
<tr>
<td>電子產(chǎn)品</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><input type="checkbox" id="all" name="allcheck" onclick="checkall()">全選</td>
<td>商品圖片</td>
<td>商品名稱/出售者/聯(lián)系方式</td>
<td>價(jià)格</td>
</tr>
<tr>
<td><input type="checkbox" id="a1" name="dx" onclick="singlecheck()"></td>
<td><img style="width:100px " src="1.jpg"></td>
<td>杜比環(huán)繞,家庭應(yīng)是必備,超真實(shí)享受<br>
出售者：ling112233
<button onclick="">和我聯(lián)系</button>
<img style="width: 10px " src="5.jpg"> 收藏</td>
<td>一口價(jià)<br>
<span id="jc1">2833.0</span></td>
</tr>
<tr>
<td><input type="checkbox" id="a2" name="dx" onclick="singlecheck()"></td>
<td><img style="width: 100px" src="2.jpg"></td>
<td>NVDIV 9999GT 512P18 256btf極品顯卡，不容錯(cuò)過<br>
出售者：aipiaopiao110
<button onclick="">和我聯(lián)系</button>
<img style="width: 10px " src="5.jpg"> 收藏</td>
<td>一口價(jià)<br>
<span id="jc2">6464.0</span></td>
</tr>
<tr>
<td><input type="checkbox" id="a3" name="dx" onclick="singlecheck()"></td>
<td><img style="width: 100px" src="3.jpg"></td>
<td>精品熱賣：高清晰糕珊，30寸等離子電視<br>
出售者：陽(yáng)光的掙扎
<button onclick="">和我聯(lián)系</button>
<img style="width: 10px " src="5.jpg"> 收藏</td>
<td>一口價(jià)<br>
<span id="jcl3">18888.0</span></td>
</tr>
<tr>
<td><input type="checkbox" id="a4" name="dx" onclick="singlecheck()"></td>
<td><img style="width: 100px" src="4.jpg"></td>
<td>Sorry索爾家用最新款筆記本<br>
出售者：瘋狂的鏡無(wú)
<button onclick="">和我聯(lián)系</button>
<img style="width: 10px " src="5.jpg"> 收藏</td>
<td>一口價(jià)<br>
<span id="jcl4">5889.0</span></td>
</tr>
</table>
<button onclick="sum()">求和</button>
<div id="dd"></div>
<body>
<script>
function getdall(){
var did=document.getElementById("all")
console.log(did)
}
function getname(){
var dname=document.getElementsByName("dx")
console.log(dname)
for(i=0;i<dname.length;i++){
console.log(dname[i])
}
}
function gettag(){
var dtag=document.getElementsByTagName("input")
console.log(dtag.length)
}
//全選
function checkall(){
var dname=document.getElementsByName("dx")
var did=document.getElementById("all")
for(i=0;i<dname.length;i++){
if(did.checked==true)
dname[i].checked=true
// else if (did.checked!=true)
// dname[i].checked=flase
else
dname[i].checked=false
}
if(did.checked==false)
{
console.log(1)
for (i=0;i<dname.length;i++){
console.log(i)
dname[i].checked=false
}
}
}
//單選
function singlecheck(){
var dname=document.getElementsByName("dx")
var did=document.getElementById("all")
var j=0
for(i=0;i<dname.length;i++) {
if (dname[i].checked) {
j++
if(j==4) did.checked = true
else
did.checked = false
}
}
}
function sum(){
var did1=Number(document.getElementById("jc1").innerText)
var did2=Number(document.getElementById("jc2").innerText)
var did3=Number(document.getElementById("jcl3").innerText)
var did4=Number(document.getElementById("jcl4").innerText)
var sum=Number(did1+did2+did3+did4)
var dd = document.getElementById("dd")
dd.innerText=sum
}
</script>
</body>
</html>
單選框復(fù)選框應(yīng)用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門础米，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人添诉，你說我怎么就攤上這事屁桑。” “怎么了栏赴？”我有些...
- 文/不壞的土叔 我叫張陵蘑斧，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我须眷，道長(zhǎng)竖瘾，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任花颗，我火速辦了婚禮捕传，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘扩劝。我一直安慰自己庸论，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布棒呛。 她就那樣靜靜地躺著聂示，像睡著了一般。 火紅的嫁衣襯著肌膚如雪簇秒。 梳的紋絲不亂的頭發(fā)上鱼喉，一...
- 文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼灵巧！你這毒婦竟也來了搀矫？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤刻肄，失蹤者是張志新（化名）和其女友劉穎瓤球，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體敏弃，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡卦羡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了麦到。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绿饵。...
- 正文 年R本政府宣布吸祟，位于F島的核電站，受9級(jí)特大地震影響桃移，放射性物質(zhì)發(fā)生泄漏屋匕。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一借杰、第九天 我趴在偏房一處隱蔽的房頂上張望过吻。 院中可真熱鬧，春花似錦蔗衡、人聲如沸纤虽。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)廓推。三九已至，卻和暖如春翩隧，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓淑仆，卻偏偏與公主長(zhǎng)得像涝婉，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蔗怠，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 分享人：徐晉 1. 單選框與復(fù)選框的應(yīng)用 單選框 點(diǎn)擊已確認(rèn)時(shí)顯示輸入框寞射，點(diǎn)擊TBD時(shí)隱藏輸入框 復(fù)選框 Sc_D...
- 官方網(wǎng)站：http://www.skinui.cn 下載地址：http://pan.baidu.com/s/1sl...
- 瀏覽器默認(rèn)的一些表單樣式都不太好看桥温，就比如說在Chrome瀏覽器下引矩，默認(rèn)單選框長(zhǎng)下面這樣： 灰不溜秋的，什么鬼侵浸，其...
- 1掏觉、復(fù)選框 checkbox常用于多選的情況区端，比如批量刪除、添加等澳腹； DOM結(jié)構(gòu) checkbox示例 默...
- 5月以來谋国，哪怕對(duì)市場(chǎng)風(fēng)向再不敏感的人，也感覺到陣陣涼意迁沫。二級(jí)市場(chǎng)連續(xù)下挫芦瘾，一級(jí)市場(chǎng)融資環(huán)境惡化，不論企業(yè)融資數(shù)量還...
