簡體   English   中英

如何在多選onchange事件中獲取復選框值

[英]How to get checkbox value in multiselect onchange event

我實現了jQuery multiselect,它現在可以正常工作,我需要添加額外的功能,即當用戶在下拉菜單中選擇另一個選項(選中另一個復選框)時,我想獲取相關選項的值

在此處輸入圖片說明

在上面的圖片中沒有插入復選框,則自動插入的jQuery現在我想,如果我選擇用隨取=框XYZ的話,我想獲得的值XYZ這是idXYZ

這是我的實現方式

 <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();
            }

        }

    }
});

嘗試這個

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

這將為您提供選擇框值

要么

來自docs

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM