在复选框类型中单击文本框后选择文本框
Select textbox after clicking it in a checkbox type
我正在使用推特引导程序。我想以两种方式聚焦文本框:
- 单击相应的复选框或
- 单击文本框
这两种情况不起作用。
看到这个小提琴。
CSS: bootstrap-3.0.0
.HTML:
<div class='container'>
<div class="checkbox">
<label>
<input type="checkbox" value="" />option1
</label>
</div>
<div class='checkbox'>
<label>
<input type="checkbox" value="" />
<form role="form">
<div class="row">
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="Specify" />
</div>
</div>
</form>
</label>
</div>
</div>
如果你可以在这里添加jquery,那就是:
$(document).ready(function(){
$("#check_1").on("change",function(){
if($(this).is(":checked"))
{
$("#text_1").focus();
}
});
});
和你的HTML
:(id
属性添加)
<div class='container'>
<div class="checkbox">
<label>
<input type="checkbox" value="" />option1
</label>
</div>
<div class='checkbox'>
<label>
<input type="checkbox" value="" id="check_1" />
<form role="form">
<div class="row">
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="Specify" id="text_1" />
</div>
</div>
</form>
</label>
</div>
</div>
更新的小提琴:http://jsfiddle.net/Wr6tH/13/
相关文章:
- 或者在表单上选择默认选项文本(选择1)
- Javascript:包括特殊字符的文本选择
- 大写--文本区域中的文本选择
- 点击
- 项目时的文本选择
- 通过 javascript 在每次点击时动态禁用文本选择
- 文本框的 CSS 文本选择覆盖
- 单击“img”源时,文本选择未清除
- 链接内的内容可编辑块,如何防止重定向,但让文本选择插入符号位置更改
- 当我单击画布并拖动鼠标时,光标将变为文本选择光标.我该如何防止这种情况发生
- 重新启用文本选择(Opera、webkit等)
- 绝对元素后面的元素上的文本选择
- 禁用JavaScript中的文本选择器
- 从网站中删除文本选择限制的脚本
- Javascript/jQuery Load 函数,文本选择
- HTML 浏览器的“文本”选择:选择整个单词(如在 iBooks 中)
- 锁定页面文本选择
- 如何删除文本选择中的子元素
- 如何将选定的“文本”选择框发送到按钮上的函数,以便使用角度进行 ng 单击
- 锤击.JS桌面文本选择和滑动冲突
- j查询启用/禁用文本选择错误