jQuery全选
表单
<input type="checkbox" id="all" /> 全选<br /> <input class="t" type="checkbox" value="aa" /> aa <input class="t" type="checkbox" value="bb" /> bb <input class="t" type="checkbox" value="cc" /> cc <input class="t" type="checkbox" value="dd" /> dd <input class="t" type="checkbox" value="ee" /> ee <input type="button" value="测试" id="btn" /> <input type="text" id="txt" /> <input type="button" value="设置选中" id="sel" />
jQuery
<script type="text/javascript">
$(document).ready(function(e) {
//全选
$("#all").click(function(){
var ck = $(".t");
var xz = $(this)[0].checked;
ck.prop("checked",xz);
})
//取选中项的值
$("#btn").click(function(){
var ck = $(".t");
for(var i=0; i<ck.length;i++)
{
if(ck.eq(i).prop("checked")) //ck.eq(i)[0].checked
{
alert(ck.eq(i).val());
}
}
})
//设置某项选中
$("#sel").click(function(){
var v = $("#txt").val();
var ck = $(".t");
ck.prop("checked",false);
for(var i=0;i<ck.length;i++)
{
if(ck.eq(i).val()==v)
{
ck.eq(i).prop("checked",true);
}
}
})
});
</script>
浙公网安备 33010602011771号