체크박스를 다시 선택한 후 실패하는 문제를 해결하는 방법은 무엇입니까?
- 零下一度원래의
- 2017-07-18 15:36:141697검색
기존 선택 및 취소 코드는 다음과 같습니다.
[html] view plain copy
print?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>
</head>
<body>
<input type="checkbox" name="checkbox" id="checkbox" >
<input type="button" onclick="btn_submit();" name="" id="btn_submit" value="选中">
<input type="button" onclick="btn_cancel();" id="btn_cancel" value="取消选中">
</body>
<script>
var btn_cancel = function(){
<span style="color:#ff0000;">$("#checkbox").attr('checked',false);</span>
};
var btn_submit = function(){
<span style="color:#ff0000;">$("#checkbox").attr('checked',true);</span>
};
</script>
</html>//문제점
초기 상태 체크박스가 모두 선택되어 있지 않습니다.
모두 선택 버튼을 클릭하여 checkAll 메소드를 호출하고,
모든 선택 실현 ,
그런 다음 모두를 클릭하고
버튼을 선택하여 모두 선택 취소라는 목표를 달성하고
그런 다음 모두 선택 버튼을 다시 클릭합니다.
그러나 결과는 모두 선택되지 않은 상태입니다.
클릭합니다. 반복적으로 어떤 반응도 일으키지 않습니다.
데모:
76c82f278ac045591c9159d381de2c579fd01892b579bba0c343404bcccd70fb93f0f5c25f18dab9d176bd4f6de5d30ea80eb7cbb6fff8b0ff70bae37074b813b2386ffb911b14667cb8f0f91ea547a7Title6e916e0f7d1e588d4f442bf645aedb2f6384a94401dd3513192f74c325564aea2cacc6d41bbb37262a98f745aa00fbf03f1c4e4b6b16bbbd69b2ee476dc4f83a$(function () {
$("#allchoose").click(function () {
$(":checkbox").prop("checked",true);
})
$("#allnochoose").click(function () {if ($(":checkbox").is(":checked")){
$(":checkbox").attr("checked",false);
}
})
$("#choose").click(function () {if($(":checkbox").is(":checked")){
$(":checkbox").attr("checked",false);
}else{
$(":checkbox").prop("checked",true);
}
})
})2cacc6d41bbb37262a98f745aa00fbf09c3bca370b5104690d9ef395f2c5f8d16c04bd5ca3fcae76e30b72ad730ca86d05f88359cedaf04b59ecc6462ae643a3乒乓球05f88359cedaf04b59ecc6462ae643a3羽毛球05f88359cedaf04b59ecc6462ae643a3足球05f88359cedaf04b59ecc6462ae643a3篮球05f88359cedaf04b59ecc6462ae643a3排球0c6dc11e160d3b678d68754cc175188ac298a9150f2032ba9c3fe765dfee4fa19638d8e6fd0d8d8d915cec792be9f6422f4258eeae05fe136e53d11f74f1bc52215346cc9e1a329ee20621ddbf63cae836cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e위 내용은 체크박스를 다시 선택한 후 실패하는 문제를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.