js控制radio選中、不可選和改變事件實例代碼
更新時間：2023年07月03日 12:05:05 作者：初生的太陽丶
這篇文章主要給大家介紹了關于js控制radio選中、不可選和改變事件的相關資料,我們經常會遇到js控制radio選中和切換的問題,需要的朋友可以參考下
聲明：網上的資料雜七雜八的搞得我一個不熟悉前端的后端開發(fā)者弄起來賊難受，現在將實現了的做一個整合，希望能給你們帶來點幫助（主要還是幫助我自己(●ˇ∀ˇ●)，防止丟失）
html代碼組件示例
<div>
<input type="radio" name="cgmd" value="學習" checked="checked"><span class="cgsySpan">學習</span>
<input type="radio" name="cgmd" value="探親"><span class="cgsySpan">探親</span>
<input type="radio" name="cgmd" value="商務"><span class="cgsySpan">商務</span>
<input type="radio" name="cgmd" value="勞務"><span class="cgsySpan">勞務</span>
<input type="radio" name="cgmd" value="旅行"><span class="cgsySpan">旅行</span>
<input type="radio" name="cgmd" value="其他"><span>其他</span>
</div>radio設置選中
var obj = document.getElementsByName("cgmd");//獲取組件
for (var i=0;i<obj.length;i++){
//判斷值
if(obj[i].value == '學習'){
//設置選中
obj[i].checked = true;
}
}radio設置不可選
var obj = document.getElementsByName("cgmd");//獲取組件
// 設置所有不可選
for (var i=0;i<obj.length;i++){
obj[i].disabled = true;
}radio讀取某值時選中其他radio變?yōu)椴豢蛇x(用于讀取數據時)
var CGMD = '探親'
var obj = document.getElementsByName("cgmd");//獲取組件
for (var i=0;i<obj.length;i++){
//判斷值
if(obj[i].value == CGMD){
//設置選中
obj[i].checked = true;
}else{
//設置不可選
obj[i].disabled= true;
}
}radio值發(fā)生改變事件
$('input[type=radio][name=cgmd]').change(function() {
console.log(this.value);
});總結
到此這篇關于js控制radio選中、不可選和改變事件的文章就介紹到這了,更多相關js控制radio選中事件內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
在JS中，對于對象類型的變量的引用是通過類似C之類的“指針”的方式來操作的，及如果多個變量引用同一個對象，則任意一個變量對對象的操作都會影響到其它的變量。2010-03-03
這篇文章主要介紹了微信自定義分享鏈接信息（標題，圖片和內容）實現過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
javascript的創(chuàng)建多行字符串的7種方法
多行字符串的作用是用來提高源代碼的可讀性.尤其是當你處理預定義好的較長字符串時,把這種字符串分成多行書寫更有助于提高代碼的可讀性和可維護性.在一些語言中,多行字符串還可以用來做代碼注釋. 大部分動態(tài)腳本語言都支持多行字符串,比如Python, Ruby, PHP. 但Javascript呢?2014-04-04
這篇文章主要給大家介紹了關于如何利用JS響應式修改vue實現頁面的input值，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-09-09
下面小編就為大家?guī)硪黄猨s 事件的傳播機制(實例講解)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家介紹了使用canvas實現音樂頻譜示例及技術分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
這篇文章主要給大家介紹了關于微信小程序學習之自定義滾動彈窗的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了基于javascript實現最簡單的選項卡切換效果的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了JS打字效果的動態(tài)菜單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
都知道在js中如果定義兩個相同名稱的方法，前一個方法就會被后一個方法覆蓋掉，使用此特點就可以實現模板方法，感興趣的朋友可以了解下本文哈2013-07-07