javascriptを使用して異なるsearchNamesのSearcIDを取得する方法

Question

誰かがこれを問題解決する手助けはできますか？私はユーザーがチェックボックスをチェックするたびにsearchNameのIDを取得したいと思います。可能であれば、このphp行$ search_row-> searchidの値を入力のidに渡したいと思っています。申し訳ありませんが私の質問が間違って尋ねられた場合。助けてください！！！

<li class="treeview">   
    <a href="#"> 
     <i class="active fa fa-search"></i> 
     <span>Searches</span> 
     <i class="fa fa-angle-left pull-right"></i>  
    </a> 
    <ul class="treeview-menu"> 
     <li style="padding-left: 10px;"> 
      <input type="checkbox" id="selectAll" onclick='selectAll(this.checked)'> 
      <span style="color: #fff; ">SELECT ALL</span> 
     </li> 
     <?php foreach ($query as $search_row){ ?> 
      <li style="padding-left: 10px;"> 
       <input type="checkbox" id="searchid" onclick="getSearchId()" name="searchName"> 
       <span style="color: #fff; "> 
        <?php echo $search_row->searchname;?> 
        <?php echo '<br>';?> 
        <?php $search_row->searchid ;?> 
        <span> 
      </li> 
     <?php }?>   
    </ul> 
</li> 

function getSearchId(){ 
    var checkedValues = ""; 
    var count = 0; 

    checkedValues = $('#searchid:checked').map(function() { 
     count = count + 1; 
     return this.value; 
    }).get().join(","); 

    localStorage.setItem("#searchid", checkedValues); 
    alert(checkedValues); 
} 

Answer 1

IDは一意である必要があり、あなたが複数の要素を持っているだろうとあなたのHTMLが無効である

PHP

<?php foreach ($query as $search_row){ ?> 
    <li style="padding-left: 10px;"> 
    <input type="checkbox" class="searchid" onclick="getSearchId()" name="searchName" /> 
    ... 
    </li> 
<?php }?> 

JS

... 
checkedValues = $('.searchid:checked').map(function() { 
    count = count + 1; 
    return this.value; 
}).get().join(",");