checkbox如果被選中是會出現checked=“checked”,但是當點擊取消時,顯示是取消啦!但是代碼卻還存在checked=“checked ”。
想了很多辦法,attr來寫個事件改變發現不行,經過與同學溝通終於找到問題。
attr和prop是在1.6後纔有了明顯界限,
<!DOCTYPE html> <html> <head> <style> p { margin: 20px 0 0 } b { color: blue; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <input id="check1" type="checkbox" checked="checked"> <label for="check1">Check me</label> <p></p> <script> $("input").change(function() { var $input = $(this); $("p").html(".attr('checked'): <b>" + $input.attr('checked') + "</b><br>" + ".prop('checked'): <b>" + $input.prop('checked') + "</b><br>" + ".is(':checked'): <b>" + $input.is(':checked') ) + "</b>"; }).change(); </script> </body> </html>