手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何更改input框的默认选中状态

时间:2024-10-14 16:29:15

1、input标签元素常见的有text、radio、checkbox、button等四种类型,接下来,小编就逐一对这四种类型的input标签进行讲解修改默认选中状态的方法。

js如何更改input框的默认选中状态

2、input标签的text类型,即文本框。它的默认选中状态是未选中,我可以通过下面图1如示的方法将以下代码放在</body>标签后,即可改变该input标签的选中状态,但为了便于演示,我们先如图2所示将代码放到了“改变状态”按钮中,大家使用时请参照图1方式,以下其它类型也是一样。

js如何更改input框的默认选中状态
js如何更改input框的默认选中状态

3、修改input标签text类型的默认选中状态,主要是通过select()方法来实现,修改选中状态前后效果如下图所示:

js如何更改input框的默认选中状态

4、input标签的ra蟠校盯昂dio类型,即单选框。它的选中状态由“checked”属性控制,如果该属性设置为“ch髫潋啜缅ecked”则选中,否则不选中。利用以下代码即可修改它的选中状态:document.getElementById("myradio").checked = !(document.getElementById("myradio").checked );其中“!”表示值取反,即原来是选中,则现在不选中;原来不选中,则现在为选中。

js如何更改input框的默认选中状态
js如何更改input框的默认选中状态

5、input标签的checkbox类型,即复选框。复选框的选中状态与单选框一样,都是由checked属性来控,所以可以用以下代码来修改它的选中状态:document.getElementById("mychkbox").checked = !(document.getElementById("mychkbox").checked );运行效果如下图所示:

js如何更改input框的默认选中状态

6、input标签的button类型,即按钮。按钮的选中状态就是获取焦点,所以我们可以使用focus()函数来使按钮来进行选中,代码如下:document.getElementById("mybtn").focus();运行效果如下图所示:

js如何更改input框的默认选中状态
© 手抄报圈