Juerry 实现让复选框实现单选

来源：互联网发布：js 字符串分割split 编辑：程序博客网时间：2024/05/22 03:18

今天做项目是遇到一个问题想实现复选框中单选，但有不想直接使用input的radio，其一难看，其二点了无法返回

所以这样实现了：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我爱学习</title><jsp:include page="../inc.jsp"></jsp:include><script>$(function(){     $('#test').children('input[type=checkbox]').click(function(){        if($(this).is(':checked')){            $(this).attr('checked',true).siblings().attr('checked',false);            alert($(this).val());        }else{            $(this).attr('checked',false).siblings().attr('checked',false);    }  });});</script></head><body><div id="test">    <input type="checkbox"  value="php" />php    <input type="checkbox"  value="html/css" />html/css    <input type="checkbox"  value="jquery" />jquery    <input type="checkbox"  value="javascript" />javascript    <input type="checkbox"  value="mysql" />mysql</div></body></html>

0 0