您的位置:首页 > Web前端 > JQuery

jquery实现复选框单选功能

2014-09-24 11:00 316 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">
$(function(){
$(':checkbox[name=cb]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=cb]').removeAttr('checked');
$(this).attr('checked','checked');
}
});
});
});

</script>

</head>

<body>

<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />
<input type="checkbox" name="cb" />

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: