0
Q
复选框顶部下拉
A
回答
0
希望这会帮助你!
var options = [];
$('.dropdown-menu a').on('click', function(event) {
var $target = $(event.currentTarget),
val = $target.attr('data-value'),
$inp = $target.find('input'),
idx;
if ((idx = options.indexOf(val)) > -1) {
options.splice(idx, 1);
setTimeout(function() { $inp.prop('checked', false) }, 0);
} else {
options.push(val);
setTimeout(function() { $inp.prop('checked', true) }, 0);
}
$(event.target).blur();
console.log(options);
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="button-group">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-check"></span> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox"/> Option 1</a></li>
<li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="checkbox"/> Option 2</a></li>
<li><a href="#" class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/> Option 3</a></li>
<li><a href="#" class="small" data-value="option4" tabIndex="-1"><input type="checkbox"/> Option 4</a></li>
<li><a href="#" class="small" data-value="option5" tabIndex="-1"><input type="checkbox"/> Option 5</a></li>
<li><a href="#" class="small" data-value="option6" tabIndex="-1"><input type="checkbox"/> Option 6</a></li>
</ul>
</div>
</div>
</div>
</div>
+0
感谢您的回答 但我需要的是一个复选框ontop下拉 点击复选框时所有的行被选中,而在点击下拉时有单独的选项。 你提供的东西总是给我们从选项无论我们点击 –
相关问题
- 1. 复选框在下拉
- 2. 复选框下拉列表
- 3. 添加复选框,下拉
- 4. 从下面的复选框下拉
- 5. Javascript复选框onclick只与顶部
- 6. 根据下拉选中复选框
- 7. Yii复选框在下拉列表
- 8. 下拉式复选框列表cakephp
- 9. 打开在下拉多复选框
- 10. 下拉式复选框不能切换
- 11. 从下拉菜单创建复选框
- 12. 禁用复选框和下拉列表
- 13. jQuery复选框下拉控件
- 14. 验证复选框或下拉列表
- 15. MVC部分查看页面呈现下拉值和复选框
- 16. 下拉选项打开内部框架
- 17. MultiSelect下拉选框使用jQuery复选框选择
- 18. HTML,CSS复选框的标签位置应该在复选框顶部
- 19. 下拉框中的复选框没有选中类
- 20. 为什么复选框可以有顶部/底部边距?
- 21. 当选中复选框时滚动到顶部
- 22. 如何将下拉框移动到顶部
- 23. 顶部带有标签的内嵌式下拉框
- 24. 当选中复选框时,删除下拉选项
- 25. 选中下拉选项上的复选框
- 26. 根据所选下拉选项更改可用复选框
- 27. tsql填充下拉列表保留默认选项顶部
- 28. 滚动条上的多选下拉列表位于顶部
- 29. 绑定请使用jquery ajax在下拉列表顶部选择
- 30. 从下拉列表中获取多个值复选框复选框
没有代码,没有帮助 – caramba
从哪里获得代码这个??? 这个单行的人 –