HTML片段
<div id="bank">
<input type="radio" name="a" value="gdyh">光大銀行
<input type="radio" name="a" value="jsyh">建設(shè)銀行
<input type="radio" name="a" value="gsyh">工商銀行
</div>
<select id="select">
<option value="pfyh">浦發(fā)銀行</option>
<option value="nsyh">農(nóng)村商業(yè)銀行</option>
<option value="qtyh">其他銀行</option>
</select>
JS 監(jiān)聽(tīng)片段
document.getElementById("bank").addEventListener("click", function(e) {
if (e.target.tagName == "INPUT") {
console.log("radiovalue", e.target.value)
var variable = e.target.value
//......
//getJson("https://.../api/cnaps/" + variable + ".json")
//......
}
})
document.getElementById("select").addEventListener("change", function(e) {
if (e.target.tagName == "SELECT") {
console.log("selectvalue", e.target.value)
//......
}
})
console 控制臺(tái)
//點(diǎn)擊頁(yè)面建設(shè)銀行單選框后 console.log 打印如下
radiovalue jsyh
selectvalue nsyh
非循環(huán)方式 原生 JS 監(jiān)聽(tīng)單選框 radio / select 的值變化
