【问题标题】:Checkbox with Bootstrap Toggle returns null if the input isn't checked如果未选中输入,则带有 Bootstrap Toggle 的复选框返回 null
【发布时间】:2019-06-11 17:23:33
【问题描述】:

我在复选框中使用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

如果未选中复选框以返回 offfalse 或其他,我该如何定义?

<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">

【问题讨论】:

    标签: javascript twitter-bootstrap checkbox toggle togglebutton


    【解决方案1】:

    在提交表单之前使用这个脚本做一些事情:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-24
      • 1970-01-01
      • 1970-01-01
      • 2011-09-30
      • 2016-10-25
      • 2015-07-02
      • 2013-12-24
      • 1970-01-01
      相关资源
      最近更新 更多