代码之家  ›  专栏  ›  技术社区  ›  yaylitzis

如果未选中输入,则带有Bootstrap Toggle的Checkbox返回null

  •  0
  • yaylitzis  · 技术社区  · 5 年前

    我在用 Bootstrap Toggle 对于复选框,我有:

    <input type="checkbox" name="hasLabel" data-on="With Label" data-off="Without Label" data-toggle="toggle" data-onstyle="success" data-offstyle="danger">
    

    request.getParameter("hasLabel") 回报 on ,如果它不返回 null

    如果复选框未被选中以返回 off false 还是别的什么?

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet" />
    
    <input type="checkbox" name="hasLabel" data-on="With Label" data-off="Without Label" data-toggle="toggle" data-onstyle="success" data-offstyle="danger">
    0 回复  |  直到 5 年前
        1
  •  0
  •   M.Samiei    5 年前

    在提交表单前使用此脚本执行以下操作:

        <script>
          $("form").submit(function(){
                    if (!$('#my-input').prop('checked')) {
                        $('#my-input').bootstrapToggle('on')
                        $('#my-input').val('off')
                    }
                });
        </script>