首頁(yè) 猿問關(guān)于復(fù)選框顯示問題。

關(guān)于復(fù)選框顯示問題。

JavaScript

動(dòng)漫人物 2018-08-04 05:10:48

如何選擇一個(gè)或者多個(gè)復(fù)選框的時(shí)候，數(shù)字顯示在div中呢，思路比較亂，謝謝！<!doctype html><html><head><meta charset="utf-8"><title>無(wú)標(biāo)題文檔</title></head><body><input type="checkbox">123<br/><input type="checkbox">456<br/><input type="checkbox">789<br/><input type="checkbox">563<br/><input type="checkbox">156<br/><input type="checkbox">110<br/> <div style="width:290px; height:50px; border:1px solid;"></div></body></html>

查看完整描述

1 回答

富國(guó)滬深

TA貢獻(xiàn)1790條經(jīng)驗(yàn) 獲得超9個(gè)贊

<!doctype html>

<html>

<head>

</head>

<body>

<input type="checkbox" name="test" value="123">123

<br/>

<input type="checkbox" name="test" value="456">456

<br/>

<input type="checkbox" name="test" value="789">789

<br/>

<input type="checkbox" name="test" value="563">563

<br/>

<input type="checkbox" name="test" value="156">156

<br/>

<input type="checkbox" name="test" value="110">110

<br/>

</div>

//改這些復(fù)選框統(tǒng)一的name屬性，比如name="test",加上對(duì)應(yīng)的value值

$('input[name=test]').change(function() {

var arr = []

$('input[name=test]:checked').each(function(i, v) {

arr.push($(v).val())

})

$('div').html(arr.join(','))

})

</script>

</body>

</html>

反對(duì) 回復(fù) 2018-09-25

1 回答
0 關(guān)注
656 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

關(guān)于復(fù)選框顯示問題。

關(guān)于復(fù)選框顯示問題。

1 回答

添加回答

關(guān)于復(fù)選框顯示問題。

關(guān)于復(fù)選框顯示問題。