html代码
<form class="myform">
<table>
<tr>
<td style="width: 80px;">
<input type="checkbox" id="category-49" name="playaudio" value="49">
<a style="font-size:18px;">营销</a>
</td>
<td style="width: 80px;">
<input type="checkbox" id="category-86" name="playaudio" value="86">
<a style="font-size:18px;">投资</a>
</td>
<td style="width: 80px;">
<input type="checkbox" id="category-50" name="playaudio" value="50">
<a style="font-size:18px;">职场</a>
</td>
<td style="width: 80px;">
<input type="checkbox" id="category-51" name="playaudio" value="51">
<a style="font-size:18px;">汽车</a>
</td>
<td style="width: 80px;">
<input type="checkbox" id="category-62" name="playaudio" value="62">
<a style="font-size:18px;">地产</a>
</td>
</tr>
</table>
</form>
<a href="javascript:;" οnclick="ajaxClick(this)" name="" class="btn bgGreen opEditCate ">更新</a>
js代码 部分
function ajaxClick(){
var categoryList = "";
$('input:checkbox[name=playaudio]:checked').each(function(i){
if(0==i){
categoryList = $(this).val();
}else{
categoryList += (","+$(this).val());
}
});
alert(categoryList);
}
将选中的依次循环添加到 categoryList中,最终结果是逗号分开的字符串。使用起来也方便些。
获取所有未选中的多选按钮的值
$("input[name='playaudio']").not("input:checked");