Question

当我选中一个复选框时，它是否有可能直接将我重定向到文本框？就像我检查时做了TAB一样。

如果可能，仅使用HTML和CSS

Answer 1

你不能只用HTML＆amp; CSS

但这是一个使用javascript的解决方案：

window.onload = function() {
  var checkbox = document.getElementById("agree"),
      textbox = document.getElementById("textbox");

  checkbox.onclick = function() {
    if(this.checked) {
      textbox.focus();
    }
  };
};

demo

Answer 2

也许最小的实现是：

<form name="f1">
    <input id="in1" name="in1" type="checkbox" onClick="if(this.checked) document.f1.in2.focus()" /> Check option <br/>
    <input id="in2" name="in2" type="text" />
</form>

Fiddle demo

Answer 3

最简单的方法是在输入元素中使用TabIndex属性

<input type="checkbox" Tabindex="1"> </input>
<br>
<br>
<input type="text" Tabindex="2"> </input>

我希望这可以帮到你

选中复选框后，重定向到文本框

3 个答案: