zoukankan      html  css  js  c++  java
  • 点击checkbox后满足条件才改变状态

    举个例子,点击checkbox后先弹出会话框提示用户是否改变状态,根据用户的选择来决定改变还是不改变

    代码简单,直接上

    关键点:onclick函数如果return false,checkbox的状态将不会改变。

     1 <!DOCTYPE html>
     2 <html>
     3 
     4 <head>
     5     <meta charset="utf-8">
     6     <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
     7     <script>
     8         function manualMode() {
     9             if ($('#manualMode').prop('checked')) {
    10                 if (!confirm('你想选中吗?')) {
    11                     return false;
    12                 }
    13             } else {
    14                 if (!confirm('你想取消选中吗?')) {
    15                     return false;
    16                 }
    17             }
    18         }
    19     </script>
    20 </head>
    21 
    22 <body>
    23     <input id="manualMode" type="checkbox" onclick="return manualMode();">
    24 </body>
    25 
    26 </html>
    View Code
  • 相关阅读:
    File
    多态
    方法重载
    Math
    instanceof
    强制类型转换
    泛型
    springboot热部署
    iOS bug处理
    iOS8-xcode6中添加pch全局引用文件
  • 原文地址:https://www.cnblogs.com/real-bert/p/14052089.html
Copyright © 2011-2022 走看看