Jquery控制checkbox中使用attr和prop

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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章