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

最近写的项目是老项目,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,所以直接禁用了但是那个的初始化先获取值,比他权重高,所以不会受影响

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

推荐阅读更多精彩内容

  • 这次主要讲的是关于jq单选按钮的一些js操作 如何获取选中单选按钮的value值 如何设置选中的按钮 以上次文章中...
    Mercy1998阅读 417评论 0 0
  • 1.如何修改单选按钮的css样式 2. 如何只选中众多按钮中的一个按钮 3. jquery中关于单选按钮的一些操作...
    Mercy1998阅读 5,436评论 0 0
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,097评论 0 1
  • 本节重点 HTML5中添加了许多新特性的表单元素 表单元素主要表现在 元素Element + 类型Type + 属...
    南航阅读 2,843评论 0 4
  • ### Html HTML:超级文本标记语言(HyperText Markup Language),在浏览器上...
    时间的溺水者阅读 371评论 0 1