Question

如何检查复选框列表选择是否限制为2并获取最后选择的值。我的asp.net页面中有一个复选框列表。因此，当用户点击该特定列表中的多个复选框时，我必须显示警报消息。此外，我必须确定复选框值。

如果有人遇到这样的问题，请帮帮我

提前感谢。

我找到了解决方案。

$(document).ready(function () { $("[id*=chkOptions] input:checkbox").change(function () { var maxSelection = 2; if ($("[id*=chkOptions] input:checkbox:checked").length > maxSelection) { $(this).prop("checked", false); alert("Please select a maximum of " + maxSelection + " options."); //to get the value $(this).val(); } }); });

Answer 1

试试这个

   $('input:checkbox').on('change', function(evt) {
   if($(this).siblings(':checked').length >= 2) {
       this.checked = false;
       console.log(this.value)
   }
   });

DEMO

Answer 2

function checkCheckboxCount()
{
    var checkedValues = $("input[type=checkbox]:checked");

    if(checkedValues.length==2)
    {
        console.log('Number of checkbox selected are 2');
        console.log('Last value:'+checkedValues[1]);
        return checkedValues[1];
    }
    else
    {
        return -1;
    }
}

对要检查单击的复选框元素数量的事件使用此函数，如果单击两个值，则获取两个值中的第二个。

复选框列表限制选择并获取单击的值

2 个答案: