jquery下将选择的checkbox的id组成字符串的方法

对于jquery下将选择的checkbox的id组成字符串的方法，可以使用如下代码实现：

var selected = [];
$('input:checked').each(function() {
  selected.push($(this).attr('id'));
});
var selectedIds = selected.join(',');

首先，使用$('input:checked')选择所有被选中的checkbox，然后使用each()方法遍历每个被选中的checkbox。在遍历过程中，通过$(this)获取当前遍历到的checkbox的jQuery对象，然后使用attr()方法获取该checkbox的id属性，使用push()方法将id添加到selected数组中。最后，使用join()方法将数组中所有id按照指定的分隔符连接成一个字符串，赋值给selectedIds变量。

下面是两个示例，更好地展示如何使用这个方法：

第一个示例：

HTML代码：

<input type="checkbox" id="checkbox1" value="1"> Checkbox 1<br>
<input type="checkbox" id="checkbox2" value="2"> Checkbox 2<br>
<input type="checkbox" id="checkbox3" value="3"> Checkbox 3<br>
<input type="button" value="Get Selected Ids" id="button1">

JavaScript代码：

$('#button1').click(function() {
  var selected = [];
  $('input:checked').each(function() {
    selected.push($(this).attr('id'));
  });
  var selectedIds = selected.join(',');
  alert(selectedIds);
});

点击按钮时，弹出一个对话框，显示当前选中的checkbox的id列表，例如：

checkbox1,checkbox3

第二个示例：

HTML代码：

<input type="checkbox" id="checkbox4" value="4"> Checkbox 4<br>
<input type="checkbox" id="checkbox5" value="5"> Checkbox 5<br>
<input type="button" value="Select All" id="button2">
<input type="button" value="Get Selected Ids" id="button3">

JavaScript代码：

$('#button2').click(function() {
  $('input[type="checkbox"]').prop('checked', true);
});

$('#button3').click(function() {
  var selected = [];
  $('input:checked').each(function() {
    selected.push($(this).attr('id'));
  });
  var selectedIds = selected.join(',');
  alert(selectedIds);
});

点击“Select All”按钮时，将所有的checkbox选中，然后再点击“Get Selected Ids”按钮，弹出一个对话框，显示当前选中的checkbox的id列表，例如：

checkbox1,checkbox2,checkbox3,checkbox4,checkbox5