原生 JS 监听单选框 radio / select 的值 ‘非循环’

HTML片段

<div id="bank">
    <input type="radio" name="a" value="gdyh">光大银行
    <input type="radio" name="a" value="jsyh">建设银行
    <input type="radio" name="a" value="gsyh">工商银行
</div>
<select id="select">
    <option value="pfyh">浦发银行</option>
    <option value="nsyh">农村商业银行</option>
    <option value="qtyh">其他银行</option>
</select>

JS 监听片段

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 控制台

//点击页面建设银行单选框后 console.log 打印如下
radiovalue jsyh
selectvalue nsyh

非循环方式 原生 JS 监听单选框 radio / select 的值变化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容