js若何更改input框的默认选中状况?input标签是有多种样式的 ， 要操纵js来点窜input标签元素的默认选中状况 ， 就必需先弄清晰input每种样式的选中状况由哪个属性决议 。 下面 ， 小编就来分类给大师介绍一下若何操纵js来更改input框的默认选中状况 。
文章插图
方式/
1input标签元素常见的有text、radio、checkbox、button等四种类型 ， 接下来 ， 小编就一一对这四种类型的input标签进行讲解点窜默认选中状况的方式 。
文章插图
2【js如何更改input框的默认选中状态】input标签的text类型 ， 即文本框 。 它的默认选中状况是未选中 ， 我可以经由过程下面图1如示的方式将以下代码放在</body>标签后 ， 即可改变该input标签的选中状况 ， 但为了便于演示 ， 我们先如图2所示将代码放到了“改变状况”按钮中 ， 大师利用时请参照图1体例 ， 以下其它类型也是一样 。
文章插图
文章插图
3点窜input标签text类型的默认选中状况 ， 本家儿如果经由过程select()方式来实现 ， 点窜选中状况前后结果如下图所示：
文章插图
4input标签的radio类型 ， 即单选框 。 它的选中状况由“checked”属性节制 ， 若是该属性设置为“checked”则选中 ， 不然不选中 。 操纵以下代码即可点窜它的选中状况：
document.getElementById("myradio").checked = !(document.getElementById("myradio").checked );
此中“!”暗示值取反 ， 即本来是选中 ， 则此刻不选中；本来不选中 ， 则此刻为选中 。
文章插图
文章插图
5input标签的checkbox类型 ， 即复选框 。 复选框的选中状况与单选框一样 ， 都是由checked属性来控 ， 所以可以用以下代码来点窜它的选中状况：
document.getElementById("mychkbox").checked = !(document.getElementById("mychkbox").checked );
运行结果如下图所示：
文章插图
6input标签的button类型 ， 即按钮 。 按钮的选中状况就是获取核心 ， 所以我们可以利用focus()函数来使按钮来进行选中 ， 代码如下：
document.getElementById("mybtn").focus();
运行结果如下图所示：
推荐阅读
- iPhone手机如何隐藏和查找照片
- 如何上传智联账号头像
- 氯化铁和二氧化硫反应 氯化铁和二氧化硫如何反应
- 如何在iPhone或iPad上切换Apple ID
- 所有的聊天背景 如何更改微信聊天背景
- 手机屏幕如何投影到win10电脑
- 小米盒子如何查看手机云相册
- 如何在虚拟环境中安装Django
- 三星S9/S9+如何在笔记本电脑上实现投屏
- 如何去除input 的逗号