JavaScript通過(guò)this變量快速找出用戶選中radio按鈕的方法
本文實(shí)例講述了JavaScript通過(guò)this變量快速找出用戶選中radio按鈕的方法。分享給大家供大家參考。具體分析如下:
下面的JS代碼通過(guò)this變量結(jié)合radio按鈕的onchange事件快速找出用戶選擇的哪一個(gè)radio按鈕
<script>
function favAnimal(button) {
alert('You like '+button.value+'s.');
}
</script>
<input type="radio" name="marsupial" value="kangaroo"
onchange="favAnimal(this)">Kangaroo
<br /><input type="radio" name="marsupial" value="Opossum"
onchange="favAnimal(this)">Opossum
<br /><input type="radio" name="marsupial" value="Tasmanian Tiger"
onchange="favAnimal(this)">Tasmanian Tiger
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript私有屬性的實(shí)現(xiàn)方式及對(duì)比詳解
在 JavaScript 中,私有屬性是指只能在類(lèi)或?qū)ο髢?nèi)部訪問(wèn)的屬性,外部無(wú)法直接訪問(wèn)或修改,隨著 JavaScript 語(yǔ)言的發(fā)展,實(shí)現(xiàn)私有屬性的方式也在不斷演進(jìn),本文將介紹幾種常見(jiàn)的實(shí)現(xiàn)私有屬性的方法,并對(duì)比它們的優(yōu)缺點(diǎn),幫助開(kāi)發(fā)者選擇適合的方案,需要的朋友可以參考下2025-03-03
js實(shí)現(xiàn)文字列表無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)文字列表無(wú)縫滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
淺談bootstrap layer.open中end的使用方法
今天小編就為大家分享一篇淺談bootstrap layer.open中end的使用方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
另類(lèi)網(wǎng)頁(yè)中添加運(yùn)行效果
另類(lèi)網(wǎng)頁(yè)中添加運(yùn)行效果...2006-12-12
CSS和Javascript簡(jiǎn)單復(fù)習(xí)資料
CSS和Javascript簡(jiǎn)單復(fù)習(xí)資料,學(xué)習(xí)css與js的朋友可以參考下。2010-06-06
跟我學(xué)習(xí)javascript的循環(huán)
跟我學(xué)習(xí)javascript的循環(huán),本文不僅針對(duì)javascript循環(huán)進(jìn)行講解,還對(duì)prototype補(bǔ)充了幾點(diǎn)小tips,歡迎大家閱讀。2015-11-11
JS實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請(qǐng)求的寫(xiě)法,文中的示例代碼講解詳細(xì),感興趣的可以學(xué)習(xí)一下2022-03-03

