从输入复选框激活输入字段



我想激活复选框中的输入字段。

这里有一个基本的形式:

<ul>
 <li>
  <label id="form-title" for="name3">Specifics:</label>
 <li>   
  <textarea id="name3" name="name3" >
  </textarea>
 </li>
</ul>

你点击"细节",它就激活了这个字段。这可以用输入标签而不是标签标签来完成吗?

的例子:

<ul>
 <li>   
  <input type="checkbox" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>

jsview目前完成的工作:http://jsfiddle.net/Sederu/gaZDW/

您将需要一点EMCAScript。

<label for="name3">
      <input type="checkbox" id="name3activaitor" onclick="if(this.checked){ document.getElementById('name3').focus();}" />
      Other...
    </label>
<input type="text" id="name3" name="name3" />

内联处理程序查看复选框是否已被选中,如果已选中,则聚焦文本输入。我将复选框放在标签中只是为了将其与标签进行赛门铁克的分组,因为它执行相同的功能,但是您可以将复选框放在您喜欢的任何地方。

如果您希望启用/禁用输入字段,而不仅仅是关注它,您可以这样做

<input type="checkbox" onclick="var input = document.getElementById('name2'); if(this.checked){ input.disabled = false; input.focus();}else{input.disabled=true;}" />Other...
<input id="name2" name="name2" disabled="disabled" />

输入标签不存在for属性。对于您的目的,使用内联javascript代码并禁用属性:

<input type="checkbox" id="checkbox1" onclick="if (this.checked){ document.getElementById('textarea1').removeAttribute('disabled');}" />
<textarea id="textarea1" name="textarea1" disabled></textarea>

你可以用一点javascript,

<ul>
 <li>   
  <input type="checkbox" id="checker" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>
JAVASCRIPT

document.getElementById('checker').onchange = function() {
 if(this.checked==true){
  document.getElementById("name2").disabled=false;
  document.getElementById("name2").focus();
 }
 else{
  document.getElementById("name2").disabled=true;
 }
};

希望对大家有所帮助

其他答案都可以,但这个很简单::

<input type="checkbox" id="checkbox"><label class="checkbox" for="checkbox"> Remember Me!

解释:

  • <input定义标签调用。
  • type="checkbox"定义为复选框。
  • id="checkbox">标识为"复选框"。
  • <label class="checkbox"将其归类为"复选框"。
  • for="checkbox">调用id "checkbox"
  • Remember Me!复选框旁边的内容

最新更新