jQuery --- 实现 checkbox 样式的单选框

这是之前写的一个模态框 要求单选 但是 要求radio的默认样式 太难看了 就想用checkbox + js 自己把它改成单选框 如下：

　　html代码：

    
    Dance of the Reed Pipes


    
    Dance of the Reed Pies


    
    Dance of the Reed Pipes


    
    Dance of the Reed Pipes


    
    Dance of the Reed Pipes

　　js代码：

$(".list-item").click(function(){
     $(".list-item").find("input[type='checkbox']").prop("checked", false);//每次点击前，将所有checkbox置为 未选中
     var cobj = $(this).find("input[type='checkbox']");//当前点击的checkbox
     cobj.prop("checked", true);//将当前点击的checkbox置为选中状态
        //over
})

　　代码并不复杂 挺简单的 ，如果想获取点击的id，只要再加一句 

var itemId = cobj.attr("id");

　　这样就可以了