我想激活复选框中的输入字段。
这里有一个基本的形式:
<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,