1. 체크박스의 선택된 항목 가져오기
2. 모두 선택하고 체크박스 옵션 선택 취소
테스트용 체크박스 코드 스니펫:
IE10에서의 효과:
Chrome 브라우저에서의 효과:
Google에서 검색하여 이유를 찾았습니다.
웹사이트:
제가 사용하는 jquery 버전은 1.7.2이므로 :checked를 사용해야 수정된 코드를 얻을 수 있습니다.
크롬에서의 효과:
둘: 확인란을 모두 선택하고 선택 작업을 반대로 수행합니다.
이 두 가지는 상대적으로 간단하므로 코드로 바로 이동하겠습니다.
다시 요약하자면:
jquery 버전이 1.3 이전인 경우 체크박스의 선택된 항목을 가져오는 작업:
코드 복사
코드는 다음과 같습니다.
$("input[name='abc '][ 선택됨]").each(함수 () {
|jquery 버전이 1.3 이후인 경우 체크박스의 선택된 항목을 가져오는 작업:
<script><br> $(function () {<br> //获取选中项(FF和chrome下无效)<br> $('#huoqu').click(function () {</p>
<p> //$("input[name='abc'][checked]").each(function () {<br> // alert(this.value);<br> //});</p>
<p> $('#show').html("");<br> $("input[name='abc'][checked]").each(function () {<br> //alert(this.value);<br> $('#show').append(this.value + " ");<br> });<br> });</p>
<p><br> //获取选中项<br> $('#huoqu2').click(function () {<br> $('#show').html("");<br> $("input[name='abc']:checked").each(function () {<br> //alert(this.value);<br> $('#show').append(this.value + " ");<br> });<br> });</p>
<p><br> //全选/取消全选<br> $('#quanxuan').toggle(function () {<br> $("input[name='abc']").attr("checked", 'true');<br> }, function () {<br> $("input[name='abc']").removeAttr("checked");<br> });</p>
<p><br> //反选<br> $('#fanxuan').click(function () {<br> $("input[name='abc']").each(function () {<br> if ($(this).attr("checked")) {<br> $(this).removeAttr("checked");<br> } else {<br> $(this).attr("checked", 'true');<br> }<br> });<br> });<br> });</p>
<p> </script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
