0

我有一个多选下拉菜单，其中每个选项都有一个复选框，可以一次选择多个选项。我正在使用 jQuery multiSelect 插件生成下拉列表。

<select id="types" multiple="multiple" size="5">
        <option value="">Show All</option>
        @{
            <option value="Gains">Gains</option>
            <option value="Losses">Losses</option>
            <option value="Adjustments">Adjustments</option>
            <option value="Future">Future</option>

            <option value="Deliveries">Deliveries</option>
            <option value="Recoveries">Recoveries</option>
            <option value="Full Payout">Full Payout</option>
            <option value="Early Payout">Early Payout</option>
            <option value="Charge Offs">Charge Offs</option>
            <option value="Returns">Returns</option>
            <option value="Transfers">Transfers</option>
            <option value="Ins. Write-offs">Ins. Write-offs</option>
        }
    </select>

我需要做的是将选项分成两部分。一节中的前 4 个和一节中的后 8 个。如果在一个部分中选择了一个选项，则在另一部分中选择的任何选项都将被取消选择。这已在 C# .NET 应用程序中设置。我必须复制功能。我无权访问 .NET 代码。起初我想也许我可以将不同的选项放入单独的 div 中，然后检查是否在每个 div 中选择了一个选项，但是当我尝试这样做时会出现验证错误。我不确定我还能尝试什么。对此的任何帮助都会很棒。谢谢。

4

2 回答 2

1

尝试使用类，附加一个 jquery 复选框click()，检查类if ( $(this).hasClass("checkboxSection1") )然后取消选中所有其他的，像这样$(".checkboxSection2").prop('checked', false);

所以一些简单的代码是

$("myForm :checkbox").click( function(){
   $(this).hasClass("checkboxSection1")?
       $(".checkboxSection2").prop('checked', false):
       $(".checkboxSection1").prop('checked', false);
});
于 2013-09-09T15:27:27.607 回答
1

给他们一组类例如'option1'和'option2'怎么样，然后你可以做一些javascript/jquery来处理选择过程的逻辑......

于 2013-09-09T15:25:48.380 回答