我正在使用Visual Studio LightSwitch 2015
我已经从 SQL Server 添加了Countries
表,对于列表中的每个Country
,我都有CheckBox
现在,我使用Custom Control
将CheckBox
放在列表的顶部
myapp.Countries.CheckAll_postRender = function (element, contentItem) {
var checkbox = $("<input type='checkbox'/>")
.css({
height: 20,
width: 20,
left:-26,
margin: "45px"
})
.appendTo($(element));
};
如何通过单击表格顶部的CheckBox
SelectDeSelect All
列表中的复选框?
任何帮助将不胜感激。
尽管上面的代码示例有效,但假设您要选中的复选框是页面上唯一的复选框(除了"全部检查"复选框(,您实际上可以更快地执行此操作。
下面检查页面上除"全部选中"复选框之外的所有复选框。
$("#checkAll").click(function () {
$('input:checkbox').not(this).prop('checked', this.checked);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="checkAll">Check All
<hr />
<input type="checkbox" id="checkItem">Item 1
<input type="checkbox" id="checkItem">Item 2
<input type="checkbox" id="checkItem">Item3
这是这篇文章中的一个简单的例子 选中/取消选中jQuery中的所有复选框
$(document).ready(function() {
$('#select-all').click(function(event) {
if(this.checked) {
$('.checkitem').each(function() {
this.checked = true;
});
}else{
$('.checkitem').each(function() {
this.checked = false;
});
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><label>item-1</label><input name="checkbox-1" id="checkbox-1" type="checkbox" class="checkitem" /></li>
<li><label>item-1</label><input name="checkbox-2" id="checkbox-2" type="checkbox" class="checkitem" /></li>
<li><label>item-1</label><input name="checkbox-3" id="checkbox-3" type="checkbox" class="checkitem" /></li>
<li><label>item-1</label><input name="checkbox-4" id="checkbox-4" type="checkbox" class="checkitem" /></li>
</ul>
<input type="checkbox" name="select-all" id="select-all" /> Check all