js去除 html 中 input 的readOnly属性

<input type="text" readonly id=aa>

<input type=button onclick="document.all.aa.readOnly = false" value="input">

拓展资料：

readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。readonly 属性可与 <input type="text">或 <input type="password">配合使用。

参考资料：html标签的相关知识

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中任何一个有选中的，就会触发函数

1、新建一个html文件，命名为test.html。

2、在test.html文件中，使用input标签创建一个文本输入框，代码如下。

3、在test.html文件中，使用readonly="readonly"设置input文本框只读，不可更改。

4、在test.html文件中，创建一个button按钮，用于点击按钮时，实现改变文本框的只读属性。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行gb函数。

6、在js标签中，创建一个gb函数，在函数内，通过文本框id获得对象，设置readOnly属性为false,即关闭input文本框的只读属性。

---