html单选按钮选中后取消选中,一个单选按钮, 取消选中

应用背景

一个单选选项框, 选中显示, 再次点击隐藏. 如图:

选中

未选中

个人觉得这里应该使用一个 checkbox 会更合适!

实现方法

单选按钮取消选中

$(function(){

$("#account").hide();

$('input:radio').click(function(){

var domName = $(this).attr('name');

var $radio = $(this);

if ($radio.data('waschecked') == true){

$radio.prop('checked', false);

$("input:radio[name='" + domName + "']").data('waschecked',false);

$radio.data('waschecked', false);

$("#account").hide();

} else {

$radio.prop('checked', true);

$("input:radio[name='" + domName + "']").data('waschecked',false);

$radio.data('waschecked', true);

$("#account").show();

}

});

});

最高优惠金额

个人总结

js 来回给dom 元素添加属性, 不复杂,做个记录...