Passing in Array Checkbox Wert, wenn Kontrollkästchen aktiviert ist

Question

dynamisch hier Checkbox Code erstellt My:

$(function(){ 

      var currentUser = JSON.parse(window.localStorage.getItem('customer')); 
      $.ajax({ 
       type : 'GET', 
       url : LiveUrl1 + "/api/Recent/GetAllRecent?userId="+currentUser.Id, 
       async : false, 
       beforeSend : function(){/*loading*/}, 
       dataType : 'json', 
       success : function(result){ 
       //console.log(result); 
       var buffer=""; 
       $.each(result, function(index, val){ 
buffer+="<li class='ui-menu-item'><div id='ui-id-2' tabindex='-1' class='ui-menu-item-wrapper'><input type='checkbox' on-change='checkboxChanged' value="+val.Id+" style='margin-right:6px;' id='selectchkbox' class='selectchkbox' />"+val.SearchTerm+"</div></li>"; 

        $("#Recent").html(buffer); 
       }); 

       } 

      }); 
      }); 

Aber, wie kann ich passiere diesen Checkbox Wert im Array, wenn das Kontrollkästchen aktiviert ist?

Answer 1

Hier können Sie Folgendes tun: Ich habe mit jquery.

$(function(){ 
 

 
      var currentUser = JSON.parse(window.localStorage.getItem('customer')); 
 
      $.ajax({ 
 
       type : 'GET', 
 
       url : LiveUrl1 + "/api/Recent/GetAllRecent?userId="+currentUser.Id, 
 
       async : false, 
 
       beforeSend : function(){/*loading*/}, 
 
       dataType : 'json', 
 
       success : function(result){ 
 
       //console.log(result); 
 
       var buffer=""; 
 
       $.each(result, function(index, val){ 
 
buffer+="<li class='ui-menu-item'><div id='ui-id-2' tabindex='-1' class='ui-menu-item-wrapper'><input type='checkbox' on-change='checkboxChanged' value="+val.Id+" style='margin-right:6px;' id='selectchkbox' class='selectchkbox' />"+val.SearchTerm+"</div></li>"; 
 

 
        $("#Recent").html(buffer); 
 
       }); 
 

 
       } 
 

 
      }); 
 
    
 
      var checkedValues = new Array(); 
 
      $("input[type=checkbox]").on("change",function(){ 
 
       var Value = $(this).val(); 
 
       checkedValues.push(Value); 
 
       console.log(Value); // To check the values on console. 
 
      }); 
 
      }); 
 

 
var checkedValues = new Array(); 
 
       function checkboxChanged(id) 
 
       { 
 
        checkedValues.push(id); 
 
       } 
 
       });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

mit JavaScript Sie können dies tun:

$(function(){ 
 

 
       var currentUser = JSON.parse(window.localStorage.getItem('customer')); 
 
       $.ajax({ 
 
        type : 'GET', 
 
        url : LiveUrl1 + "/api/Recent/GetAllRecent?userId="+currentUser.Id, 
 
        async : false, 
 
        beforeSend : function(){/*loading*/}, 
 
        dataType : 'json', 
 
        success : function(result){ 
 
        //console.log(result); 
 
        var buffer=""; 
 
        $.each(result, function(index, val){ 
 
    buffer+="<li class='ui-menu-item'><div id='ui-id-2' tabindex='-1' class='ui-menu-item-wrapper'><input type='checkbox' on-change='checkboxChanged("+val.Id+")' value="+val.Id+" style='margin-right:6px;' id='selectchkbox' class='selectchkbox' />"+val.SearchTerm+"</div></li>"; 
 

 
         $("#Recent").html(buffer); 
 
        }); 
 

 
        } 
 
       }); 
 
     
 
var checkedValues = new Array(); 
 
var checkedValues = new Array(); 
 
        function checkboxChanged(id) 
 
        { 
 
         checkedValues.push(id); 
 
         console.log(id); 
 
        } 
 
        });