js控制radio选中、不可选和改变事件-Toy模板网

这篇具有很好参考价值的文章主要介绍了js控制radio选中、不可选和改变事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

声明：网上的资料杂七杂八的搞得我一个不熟悉前端的后端开发者弄起来贼难受，现在将实现了的做一个整合，希望能给你们带来点帮助（主要还是帮助我自己(●ˇ∀ˇ●)，防止丢失）

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变为不可选(用于读取数据时)

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值发生改变事件文章来源地址https://www.toymoban.com/news/detail-522598.html

$('input[type=radio][name=cgmd]').change(function() {
	console.log(this.value);
});

到了这里，关于js控制radio选中、不可选和改变事件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

js控制radio选中、不可选和改变事件

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2