页面当中经常要做一些checkbox，radio，select，input等表单元素的操作。做为我这样的懒人早就该总结以下，免去用到的时候，不想从头写，又不得不去以前的代码中翻。下面的代码来自实际项目中，亲测可用。呵呵……
一、checkbox
对checkbox的判断往往是checkbox有没有被勾选。也经常有一个复选框控制其它全部复选框的选中和取消选中。如下图：
页面左上角的复选框的选中控制表格中所有的复选框。代码如下：
为了操作方便，给控制全选的复选框增加一个id叫checkAll
下面的代码实现了全选和反选的效果
<th><input type="checkbox" id="checkAll"/></th>
计算
安全
数据库
网络和加速
企业服务
$('#checkAll').change(function(){
if($(this).is(':checked')){
$("input[type='checkbox']").prop("checked", true);
}else{
$("input[type='checkbox']").prop("checked", false);
}
});获取所有选中的checkbox的值
以上图为例，我要获取表格中每一行记录的id值，则给每一个checkbox增加一个value属性，在渲染页面时将value值写到checkbox中即可。另外为了方便选取checkbox为所有的checkbox增加了一个chkbox的class。
<td><input type="checkbox" value="` record`.`id `" class="chkbox"/></td>
function checkValue(){
var arr = ''
$(".chkbox").each(function(){
if($(this).is(":checked")){
arr += ($(this).val() + ',')
}
})
return arr
}未完待续……
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
