input readonly，如何实现html中radio的readonly
大家好,今天小编来为大家解答以下的问题，关于input readonly，如何实现html中radio的readonly这个很多人还不知道，现在让我们一起来看看吧！
input readOnly和readonly有什么区别
在JS中使用DOM属性readOnly是区分大小写的,所以,你最后的readonly=true是错误的.但对于标签内的属性大小写是不敏感的,在HTML4和之前的标准推荐标签属性名大写,并且READONLY属性可以不写值,但在XHTML和之后的规范中推荐使用小写了,并且要求属性名必须有值,也就是readonly="readonly",一般来说,标签属性中的大小写都不会影响其效果.
而如果你正确设置了readOnly(无论是通过标签属性还是JS),都不会出现只能删不能写的情况.
html中input只读属性readonly 和 disable的区别
readonly属性规定输入字段为只读。
只读字段是不能修改的。不过，用户仍然可以使用 tab键切换到该字段，还可以选中或拷贝其文本。
readonly属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript消除 readonly值，将输入字段切换到可编辑状态。
readonly属性可与<input type="text">或<input type="password">配合使用。
disabled属性规定应该禁用 input元素。
被禁用的 input元素既不可用，也不可点击。可以设置 disabled属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript来删除 disabled值，将 input元素的值切换为可用。
注释：disabled属性无法与<input type="hidden">一起使用。
如何实现html中radio的readonly
html中radio的用法：
radio分组：只要name一样，就是一组的，即一组中只能选择一个，如下：
<span>group1:</span>
<input type="radio" id="radio1" checked="checked" name="group1"/>radio1
<input type="radio" id="radio2" name="group1"/>radio2
<input type="radio" id="radio3" name="group1"/>radio3
<span>group2:</span>
<input type="radio" id="radio4" checked="checked" name="group2"/>radio4
<input type="radio" id="radio5" name="group2"/>radio5
<input type="radio" id="radio6" name="group2"/>radio6
获取选中的radio节点：使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下
var group1=$("[name='group1']").filter(":checked");
console.log(group1.attr("id"));
选中一个radio节点：使用jquery设置checked属性，如下
$("#radio2").attr("checked","checked");
去选中一个radio节点移除checked属性，如下
$("#radio1").removeAttr("checked");
这样做的结果可能造成一组radio中没有一个处于选中状态
注册选中去选中事件：还是使用jquery的on函数来注册change事件，如下：
$("[name='group1']").on("change",
function(e){
console.log($(e.target).val());
}
);
这样只要group1中任何一个有选中的，就会触发函数
js如何根据 input value 设置 readOnly
不等于应该用"!=",不能用"<>",改过来以后,onchange时就可以了
不过必须是ongchange(就是加载完成后,在改动内容的时候才会改成只读的)
如果是想一打开页面就根据页面上的内容来控制只读的话,可以用输入框onchange事件来判断,放到body的onload判断就可以了,代码如下
<body onload="ChangeMode(document.getElementById('fankui1_c'));">
<input type='text' id='fankui1_c' size='50' maxlength='255' value='{FANKUI1_C}'>
</body>
另外,js方法已经把输入框当参数传过去了,里面就不用在document.getEle....了,直接用Obj就可以了
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！