체크박스를 다시 선택한 후 실패하는 문제를 해결하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

체크박스를 다시 선택한 후 실패하는 문제를 해결하는 방법은 무엇입니까?

零下一度

풀어 주다： 2017-07-18 15:36:14

원래의

1793명이 탐색했습니다.

기존 선택 및 취소 코드는 다음과 같습니다.

[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(&#39;checked&#39;,false);</span>  
        };  
        var btn_submit = function(){  
            <span style="color:#ff0000;">$("#checkbox").attr(&#39;checked&#39;,true);</span>  
        };  
    </script>  
</html>

로그인 후 복사

//문제점

초기 상태 체크박스가 모두 선택되어 있지 않습니다.

모두 선택 버튼을 클릭하여 checkAll 메소드를 호출하고,

모든 선택 실현 ,

그런 다음 모두를 클릭하고

버튼을 선택하여 모두 선택 취소라는 목표를 달성하고

그런 다음 모두 선택 버튼을 다시 클릭합니다.

그러나 결과는 모두 선택되지 않은 상태입니다.

클릭합니다. 반복적으로 어떤 반응도 일으키지 않습니다.

데모:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.11.3.min.js?1.1.11"></script><script>$(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);
                }
            })
        })</script></head><body><input type="checkbox" name="checkbox" id="">乒乓球<input type="checkbox" name="checkbox" id="">羽毛球<input type="checkbox" name="checkbox" id="">足球<input type="checkbox" name="checkbox" id="">篮球<input type="checkbox" name="checkbox" id="">排球<br><input type="button" value="全选" id="allchoose"><input type="button" value="全不选" id="allnochoose"><input type="button" value="反选" id="choose"><input type="submit" value="提交" id="submit"></body></html>

로그인 후 복사

위 내용은 체크박스를 다시 선택한 후 실패하는 문제를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!