note:在html 标签类中的checkbox实现单选效果。
在最近的开发项目中,客户要求使用小方格子实现“单选”功能,显然圆点的radio被out了,只能选择chckbox的方块样式,也在网上搜过,可能有点儿脑残,没有找到。
废话不多说直接上代码:
ps:只是一个简单的demo。
checkbox实现单选效果
$(document).ready(function () {
$('.sb').click(function () {
var typeThis = typeof ($(this).attr("checked"));
switch (typeThis) {
case "string":
if ($(this).attr("checked").toLowerCase()=="checked") {
$('.sb').each(function () {
$(this).removeAttr("checked");
});
$(this).attr("checked",true);
}
break;
case "undefined":
$('.sb').each(function () {
$(this).removeAttr("checked");
});
break;
}
});