input标签元素常见的有text、radio、checkbox、button等四种类型,接下来,小编就一一对这四种类型的input标签进行讲解点窜默认选中状况的方式。
input标签的text类型,即文本框。它的默认选中状况是未选中,我可以经由过程下面图1如示的方式将以下代码放在</body>标签后,即可改变该input标签的选中状况,但为了便于演示,我们先如图2所示将代码放到了“改变状况”按钮中,大师利用时请参照图1体例,以下其它类型也是一样。
点窜input标签text类型的默认选中状况,本家儿如果经由过程select()方式来实现,点窜选中状况前后结果如下图所示:
input标签的radio类型,即单选框。它的选中状况由“checked”属性节制,若是该属性设置为“checked”则选中,不然不选中。操纵以下代码即可点窜它的选中状况:
document.getElementById("myradio").checked = !(document.getElementById("myradio").checked );
此中“!”暗示值取反,即本来是选中,则此刻不选中;本来不选中,则此刻为选中。
input标签的checkbox类型,即复选框。复选框的选中状况与单选框一样,都是由checked属性来控,所以可以用以下代码来点窜它的选中状况:
document.getElementById("mychkbox").checked = !(document.getElementById("mychkbox").checked );
运行结果如下图所示:
input标签的button类型,即按钮。按钮的选中状况就是获取核心,所以我们可以利用focus()函数来使按钮来进行选中,代码如下:
document.getElementById("mybtn").focus();
运行结果如下图所示:
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!