JS实现点击raido单选框可以在输入框输入

1、首先写好radio单选框代码，在浏览器中打开。现在单击输入框单选框无法选中。代码，输出如下图

2、查看W3C中的radio属性发现其checked属性可以通过js dom控制，因此编写JavaScript代码，如下图，两个方法，第一个实现单击选择，第二个实现赋值。

3、在输入框代码中实现单击事件的绑定，运行代码可以看到，单击输入框，第四个选项就会被选择

4、下面完成赋值选项，为实现提交前就把输入框的值赋值给单选框，我们选择onblur 事件实现，这个事件会在对象失去焦点时发生。即输入完成单击别处就会赋值.在输入框代码中绑定事件。

5、ok,现在就实现了radio和输入框的绑定和赋值，我们查看一下结果。改变输入框内容，单击查看赋值结果。