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>
<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>
相关文章推荐
- jquery实现复选框多选、单选、全不选功能,很实用
- Jquery实现复选框只能单选
- jquery实现复选框全选,反选,全不选等功能
- JQuery复选框实现全选、单选
- 基于jQuery实现复选框的全选 全不选 反选功能
- JQuery实现列表中复选框全选反选功能封装
- jQuery实现复选框单选
- JQuery实现列表中复选框全选反选功能封装(推荐)
- Jquery实现复选框只能单选
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- CheckedListBoxControl 实现复选框的单选与多选功能
- 基于jquery实现复选框全选,反选,全不选等功能
- JQuery 中 实现复选框全选/全不选/反选功能 案例
- jquery边学边练2--用ul li实现单选框和复选框功能(强化版,优化版)
- 天易20----jquery实现复选框的全选与全不选功能
- jQuery实现复选框全选功能
- jQuery实现复选框全选和反选,单选和多选
- jquery实现全选、全不选以及单选功能
- JQuery实现列表中复选框全选反选功能封装
- DataGridView复选框实现单选功能(二)