如何在多选 onchange 事件中获取复选框值

Question

我实现了 jquery 多选并且它现在可以正常工作我需要添加额外的功能，当用户在下拉列表中选择另一个选项（选中另一个复选框）时，我想获取相关选项的值

在上图中没有插入复选框，它是由 jquery 自动插入的，现在我希望如果我选择带有 XYZ 的复选框 = 框，那么我想获得 XYZ 的值，即 id XYZ

这是我的实现方式

 <select multiple="multiple" id="CParent" name="parent" class="box2 required">
                        @foreach (var item in Model.Categories.OrderBy(c => c.Name))
                        {

                            if (Model.Coupon.Categoryid.Id == item.Id)
                            {   
                            <option  selected="selected" value="@item.Id">@item.Name</option>

                            }
                            else
                            {
                            <option  value="@item.Id">@item.Name</option>                                                                                  
                            }
                        }
                    </select>

是浏览器源码渲染后的样子

提前感谢您帮助我。

我尝试过什么

  $('#CParent input:checked').change(function () {

        var parentid = $(this).val()+'';
        var array = parentid.split(",");
        alert(array);
        getchildcat(array[array.length -1]);
    });

});

编辑

初始化多选的代码

$("#CParent").multiselect({
    header: "Choose only THREE items!",
    click: function () {
        if ($(this).multiselect("widget").find("input:checked").length > 3) {
            $(warning).show();
            warning.addClass("error").removeClass("success").html("You can only check three checkboxes!");
            return false;
        }
        else if ($(this).multiselect("widget").find("input:checked").length <= 3) {

            if ($(warning).is(":visible")) {

                $(warning).hide();
            }

        }

    }
});

Answer 1

试试这个

$('#CParent').val();

这将为您提供选择框值

或

来自docs

 var array_of_checked_values = $("#CParent").multiselect("getChecked").map(function(){
   return this.value;   
 }).get();