如何從組中檢索引用複選框名稱數組使用JS或jQuery

Question

我有一個硬JS/jQuery的謎語！很難，因爲我無法在谷歌或這裏找到它，既不是現在，也不是幾個月前，我以前正在尋找它。

一個大框架在一個表中使用複選框：

<table class="ListTable"> 
    <tr> 
    <td><input name="blnChecked[70_20]" type="checkbox" value="1" id="some_unusable_gobbledy_gook" /></td> 
    <td></td>... 
    </tr> 
    <tr> 
    <td><input name="blnChecked[71_20]" type="checkbox" value="1" id="some_more_unusable_gobbledy_gook" /></td> 
    <td></td>... 
    </tr> 
    <tr> 
    <td><input name="blnChecked[70_25]" type="checkbox" value="1" id="some_further_unusable_gobbledy_gook" /></td> 
    <td></td>... 
    </tr> 
</table> 

我現在需要引用收集所有複選框名稱到一個數組：70_20，71_20和70_25在上面的例子。然後加入它們，並將它們作爲URL參數提交給不同的頁面（儘管這種加入對我的問題不是必需的）。

問題：在同一頁面上使用JS/jQuery，如何從數組中的這些（選中）複選框中的名稱字符串獲取這些引用？

我更喜歡不使用正則表達式（有點麻煩，或者對於這樣一個看起來不重要的事情來說「過度刺激」），儘管這樣的解決方案並沒有離開我的桌子。如果有人問爲什麼這個表的結構是這樣的：這不是我做的，但我可以看到，當這個表格被提交到PHP頁面時，PHP將所有這樣的複選框存儲到單個陣列，這是非常好的，我想實現與JS/jQuery的類似的效果）

Answer 1

上創建客戶端側上的方式在陣列是基於使用：

• .map()
• 字符串.replace()

$('#btn').on('click', function(e) { 
 
    var retVal = $('table.ListTable :checkbox[name^="blnChecked["]:checked').map(function(idx, ele) { 
 
     // 
 
     // if the name value has always the same format... 
 
     // 
 
     return ele.name.replace('blnChecked[', '').replace(']', ''); 
 
     // 
 
     // or.... 
 
     // 
 
     // return ele.name.split('[').pop().replace(']', ''); 
 
     // return ele.name.substr(11, 5); 
 
     //return ele.name.replace(/blnChecked\[(.*?)\]/g, '$1') 
 
    }).get(); 
 
    var param = $.param({'param': retVal.join(',')}); 
 
    console.log('Array: ' + retVal); 
 
    console.log('URL param: ' + param); 
 
})

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

 

 
<table class="ListTable"> 
 
    <tr> 
 
     <td><input name="blnChecked[7125_2355]" type="checkbox" value="1" id="some_unusable_gobbledy_gook" /></td> 
 
     <td></td> 
 
    </tr> 
 
    <tr> 
 
     <td><input name="blnChecked[71_20]" type="checkbox" value="1" id="some_more_unusable_gobbledy_gook" /></td> 
 
     <td></td> 
 
    </tr> 
 
    <tr> 
 
     <td><input name="blnChecked[70_25]" type="checkbox" value="1" id="some_further_unusable_gobbledy_gook" /></td> 
 
     <td></td> 
 
    </tr> 
 
</table> 
 

 
<button type="button" id="btn">Click Me</button>