js如何更改input框的默认选中状态?input标签是有多种样式的，要利用js来修改input标签元素的默认选中状态，就必须先弄清楚input每种样式的选中状态由哪个属性决定。下面，小编就来分类给大家介绍一下如何利用js来更改input框的默认选中状态。
方法/步骤
1、input标签元素常见的有text、radio、checkbox、button等四种类型，接下来，小编就逐一对这四种类型的input标签进行讲解修改默认选中状态的方法。
2、input标签的text类型，即文本框。它的默认选中状态是未选中，我可以通过下面图1如示的方法将以下代码放在</body>标签后，即可改变该input标签的选中状态，但为了便于演示，我们先如图2所示将代码放到了“改变状态”按钮中，大家使用时请参照图1方式，以下其它类型也是一样。
3、修改input标签text类型的默认选中状态，主要是通过select()方法来实现，修改选中状态前后效果如下图所示：
4、input标签的ra蟠校盯昂dio类型，即单选框。它的选中状态由“checked”属性控制，如果该属性设置为“ch髫潋啜缅ecked”则选中，否则不选中。利用以下代码即可修改它的选中状态：document.getElementById("myradio").checked=!(document.getElementById("myradio").checked);其中“!”表示值取反，即原来是选中，则现在不选中；原来不选中，则现在为选中。
5、input标签的ch娣定撰钠eckbox类型，即复选框。复选框的选中状态与单选框一样，都是由checked属性来控，糁钶茏收所以可以用以下代码来修改它的选中状态：document.getElementById("mychkbox").checked=!(document.getElementById("mychkbox").checked);运行效果如下图所示：
6、input标签的button类型，即按钮。按钮的选中状态就是获取焦点，所以我们可以使用focus()函数来使按钮来进行选中，代码如下：document.getElementById("mybtn").focus();运行效果如下图所示：
