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 () {</script>
//$("input[name='abc'][checked]").each(function () {
// alert(this.value);
//});
$('#show').html("");
$("input[name='abc'][checked]").each(function () {
//alert(this.value);
$('#show').append(this.value + " ");
});
});
//获取选中项
$('#huoqu2').click(function () {
$('#show').html("");
$("input[name='abc']:checked").each(function () {
//alert(this.value);
$('#show').append(this.value + " ");
});
});
//全选/取消全选
$('#quanxuan').toggle(function () {
$("input[name='abc']").attr("checked", 'true');
}, function () {
$("input[name='abc']").removeAttr("checked");
});
//反选
$('#fanxuan').click(function () {
$("input[name='abc']").each(function () {
if ($(this).attr("checked")) {
$(this).removeAttr("checked");
} else {
$(this).attr("checked", 'true');
}
});
});
});