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
從哪裏獲得代碼這個??? 這個單行的人 –