ホームページ > ウェブフロントエンド > jsチュートリアル > チェックボックスを再度選択すると失敗する問題を解決するにはどうすればよいですか?

チェックボックスを再度選択すると失敗する問題を解決するにはどうすればよいですか?

零下一度
リリース: 2017-07-18 15:36:14
オリジナル
1758 人が閲覧しました

従来の選択と解除のコードは次のとおりです:

[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メソッドを呼び出し、

すべての選択を実現します,

次に、[なし] をクリックしてボタンを選択し、

すべての選択を解除するという目標を達成します。

、それからもう一度 [すべて選択] ボタンをクリックします

が、結果はすべてが選択されていない状態になり、

をクリックします。繰り返しても何の反応も引き起こしません。

デモ:

りー

以上がチェックボックスを再度選択すると失敗する問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート