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;
});