<!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中方法</title> <script type="text/javascript" src="js/jquery-3.2.1.min.js"> </script> <script type="text/javascript"> $(function(){ $('input:radio').click(function(){ //alert(this.checked); // var domName = $(this).attr('name'); var $radio = $(this); // if this was previously checked if ($radio.data('waschecked') == true){ $radio.prop('checked', false); $("input:radio[name='" + domName + "']").data('waschecked',false); //$radio.data('waschecked', false); } else { $radio.prop('checked', true); $("input:radio[name='" + domName + "']").data('waschecked',false); $radio.data('waschecked', true); } }); }); </script> </head> <body> <p>您喜欢哪款浏览器？</p> <form> <input style="display:none;" id="hidebrowser" type="radio" name="browser" value=""> <input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /> <input type="radio" name="browser" value="Firefox">Firefox<br /> <input type="radio" name="browser" value="Netscape">Netscape<br /> <input type="radio" name="browser" value="Opera">Opera<br /> </form> </body> </html>