本文介绍了如何使一个的CheckBoxList选择只有两个项目?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有两个以上的CheckBoxList。我想限制用户只选择2项为每个的CheckBoxList。
i have more than two checkboxlist. i want to limit users to select only 2 items for each checkboxlist.
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem Value="Item 1">Item 1</asp:ListItem>
<asp:ListItem Value="Item 2">Item 2</asp:ListItem>
<asp:ListItem Value="Item 3">Item 3</asp:ListItem>
<asp:ListItem Value="Item 4">Item 4</asp:ListItem>
</asp:CheckBoxList>
<asp:CheckBoxList ID="CheckBoxList2" runat="server">
<asp:ListItem Value="Item 1">Item 1</asp:ListItem>
<asp:ListItem Value="Item 2">Item 2</asp:ListItem>
<asp:ListItem Value="Item 3">Item 3</asp:ListItem>
<asp:ListItem Value="Item 4">Item 4</asp:ListItem>
</asp:CheckBoxList>
使用javascript / jQuery的。请帮助
using javascript/jquery. Please help
解决方案:
<script type="text/javascript">
var i = 1;
$(document).ready(function () {
$('table[id^=CheckBoxList]').each(function (index) {
var id = '#' + this.id;
$(id).click(function (e) {
if ($(id).children().find('input[type="checkbox"]:checked').length > 2) {
e.preventDefault();
}
});
i++;
});
});
</script>
Thankz一切:)
Thankz all :)
推荐答案
我觉得你是在此之后:的
I think you are after this: http://jsfiddle.net/KCr4d/10/
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
//--^^^^^^^^^^^^^^^^^^^^^^^make a reference to this file
$(function(){ // <-- doc ready starts (short handler for doc ready)
$('#CheckBoxList1 input[type="checkbox"]').click(function(e) {
if ($('#CheckBoxList1').children().find('input[type="checkbox"]:checked').length > 2) {
e.preventDefault();
}
});
$('#CheckBoxList2 input[type="checkbox"]').click(function(e) {
if ($('#CheckBoxList2').children().find('input[type="checkbox"]:checked').length > 2) {
e.preventDefault();
}
});
}); // <---doc ready ends
您可以在小提琴检查了这一点:
You can check this out in the fiddle: http://jsfiddle.net/KCr4d/10/
这篇关于如何使一个的CheckBoxList选择只有两个项目?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!