jQuery復選框操作

jopen 9年前發布 | 1K 次閱讀 JavaScript jQuery 

<html>


<head>


<script type="text/javascript" src="jquery-1.3.2.min.js"></script>


<script type="text/javascript">


$(function(){


$('#CheckedAll').click(function(){



$('[name=items]:checkbox').attr('checked', true);




});


$('#CheckedNo').click(function(){



$('[name=items]:checkbox').attr('checked', false);




});


$('#CheckedRev').click(function(){



$('[name=items]:checkbox').each(function(){

  if($(this).attr('checked')){

    $(this).attr('checked', false);

  }else{

    $(this).attr('checked', true);

  }

});




});


$('#send').click(function(){



var str = "你選中的是: \r\n";

$('[name=items]:checkbox:checked').each(function(){

  str += $(this).val() + "\r\n";

});

alert(str);




});


});


</script>


</head>


<body>


<form action="#" method="POST" id="regForm">


你愛好的運動是？<br />


<input type="checkbox" name="items" value="足球" />足球


<input type="checkbox" name="items" value="藍球" />籃球


<input type="checkbox" name="items" value="羽毛球" />羽毛球


<input type="checkbox" name="items" value="乒乓球" />乒乓球


<input type="button" id="CheckedAll" value="全 選" />


<input type="button" id="CheckedNo" value="全不選" />


<input type="button" id="CheckedRev" value="反 選" />


<input type="button" id="send" value="提 交" />


</form>


</body>


</html>


</pre>
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！