input 全选和取消全选
Posted 野望之风
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input 全选和取消全选相关的知识,希望对你有一定的参考价值。
选择框
<input type="checkbox" name=‘Brand‘ value=‘1‘>
<input type="checkbox" name=‘Brand‘ value=‘2‘>
<input type="checkbox" name=‘Brand‘ value=‘3‘>
按钮
<input id=‘allBt1‘ type=‘button‘ value=‘全选‘ />
<input id=‘allNo‘ type=‘button‘ value=‘取消全选‘ />
全选/取消全选代码
$(document).ready(function(){
//通过name选择相应的input元素
var ipt = $("input[name=‘Brand‘]");
//点击全选时全选
$(‘#allBt1‘).click(function(){
$("input[name=‘Brand‘]").attr("checked", 1);
})
//点击取消全选时取消全选
$(‘#allNo‘).click(function(){
$("input[name=‘Brand‘]").attr("checked", 0);
})
})
以上是关于input 全选和取消全选的主要内容,如果未能解决你的问题,请参考以下文章