仵航说如何html中的单选按钮禁用仵老大

最新推荐文章于 2024-02-24 13:39:38 发布

仵航

最新推荐文章于 2024-02-24 13:39:38 发布

阅读量646

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/whbn8888/article/details/115069159

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

最近写的项目是老项目,Spring+hibernate的,前端直接js,Vue写多了,原生js不会了,还要去百度,功能大致为,有一个查看页面,表单跟修改一样,但是不能修改,input的框的可以,我直接设置

readonly="readonly"

就可以了,但是,这个单选有点麻烦了,所以我就百度了一下,纪念一下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>仵老大学习网</title>
</head>
<body>

<form>
猫:<input type="radio" name="pet" id="cats"><br>
狗:<input type="radio" name="pet" id="dogs">
</form>
<p>单击下面的按钮禁用第一个单选框。</p>
<button onclick="disableElement()">禁用单选框按钮</button>
<script>
function disableElement(){
  document.getElementById("cats").disabled=true;
}
</script>
</body>
</html>

方法的大致意思就是,一旦触发了这个方法,就把id为ISTransFer的框禁用掉,两个都是这id,所以直接禁用了但是那个的初始化先获取值,比他权重高,所以不会受影响
在这里插入图片描述

仵航

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仵航说如何html中的单选按钮禁用仵老大

最近写的项目是老项目,Spring+hibernate的,前端直接js,Vue写多了,原生js不会了,还要去百度,功能大致为,有一个查看页面,表单跟修改一样,但是不能修改,input的框的可以,我直接设置readonly="readonly"就可以了,但是,这个单选有点麻烦了,所以我就百度了一下,纪念一下<!DOCTYPE html><html><head><meta charset="utf-8"><title>仵老大学习网&lt
复制链接

扫一扫