标签 jquery 下的文章

radio实现点击选中,再点击取消选中的效果

$('input[type="radio"]').on('click', function () {
    var state = $(this).prop('checked'); 
    if (state) {
        $(this).prop('checked', false);
    } else {
        $(this).prop('checked', true);
    }
});

点击一直选中不了,打印state字段值一直为true。
想到可能是radio原生click事件搞的鬼,搜索一番,找到解决方案。

最终代码:

$('input[type="radio"]').on('mousedown', function () {
    $(this).prop('checked', !$(this).prop('checked'));
    return false;
}).on('click', function () {
    return false;
});

jquery radio 没选中,点击后,选中;选中后,点击,不再选中;