vendredi 19 avril 2019

How to get value or id from dynamically populated checkbox using ng-repeat of group by (key,value) if it checked to json array or object

I ma populating channel name from using json object, which included channel name id and price with associated checkbox. When user checked checkbox it should fetch or store selected/checked checkbox id,name,value to be store in json array or object or model.

I have tried checklist-model="request.myChannel" checklist-value="item.channelID"

<!--Showing List of Channels with filter which are applying from multiple DropDownList and one search box -->
         <div ng-repeat="(key, value) in content | filter:searchGenre.Genre | filter:searchLanguage.Language | filter:searchText4 | groupBy: 'Genre'">
            <div class="col-lg-12 bouquet-rupee" style=" padding-left:4px; display:inline-block;" >
                <h5 style="border-bottom:1px solid #ccc;margin-top:15px;">
                <!-- showing Group name and its count eg. News(15) or Movies(25)-->
                 ()
                </h5>
            </div>

                <!-- showing channel details as name and its price -->
                <div class="col-xs-1 col-sm-3" style="border:0px solid #ccc;padding:4px;display:inline-block;" ng-repeat="x in value">
                        <div class=" col-sm-12 card card-body bottom-margin-none " style= "display:inline-block; min-height:; text-align:center; margin:0px; border-radius:3px;padding:8px">
                        <div style="height:45px">
                        <h5 class="" style="display:inline"></h5>
                        </div>
                        <div class="col-lg-12 align-items-center justify-content-between" style="background:;">
                            <h5 class="bouquet-rupee" style="text-align:center;" >
                                <i class="fa fa-inr"></i> Rs.  / month</h5>
                                <!-- wants to get its key and id i.e (Genre and ID) from selected checkbox to json array or object later can be display-->

                                <input id="checkboxCustom2"  type="checkbox" value="" class="checkbox-template">

                          </div>
                        </div>
                </div>
            </div>




Aucun commentaire:

Enregistrer un commentaire