【问题标题】:remove accordian animation from checkbox从复选框中删除手风琴动画
【发布时间】:2017-09-27 05:20:49
【问题描述】:

我有一张表,我只想从复选框中删除手风琴动画。复选框应该像正常项目一样工作。示例位于https://jsfiddle.net/qxgz4pp8/3/

我为复选框的 onclick 事件定义了以下 javascript 函数

function selectA() {
    var checkedValue = $("#checkbox3").is(':checked'); 
    if(checkedValue) {
        $("#checkbox3").prop('checked', false);
    } else {                        
        $("#checkbox3").prop('checked', true);
    }
}

感谢任何建议。 谢谢。

【问题讨论】:

  • 没有具有id="checkbox" 的元素。你只是看到手风琴的行为......该脚本只是执行else 部分,没有明显的效果。你打算做什么还不清楚。

标签: jquery html bootstrap-4


【解决方案1】:

从您的 jsfiddle 示例中删除使其成为手风琴的东西?

<body class="fix-header card-no-border">       

    <div class="card">
        <div class="card-header" role="tab" id="headingOne">

                <div class="row">
                    <div class="col-1">
                        <div class="checkbox checkbox-success">
                            <input id="checkbox3" type="checkbox">
                            <label for="checkbox" onclick="selectA();"></label>
                        </div>
                    </div>
                    <div class="col-2">test</div>                        
                </div>

        </div>

    </div>

【讨论】:

  • 我希望复选框的行为正常,就像在单击时选中和取消选中一样。但是我希望该行的其余部分具有手风琴动画。有可能吗?
  • 手风琴动画必须由事件触发。原始代码中的事件是选中/取消选中该框。所以,我不得不回到@Louys Patrice Bessette 的评论“你打算做什么还不清楚”。您需要确定什么事件会触发您的手风琴动画并从那里开始工作。
  • 我的视图显示账户列表。我应该能够通过复选框检查帐户并进行集体删除操作(单击删除按钮)。但是剩下的行应该有手风琴来显示每个成员的一些细节。哪一部分不明白,请高亮。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-15
  • 2019-09-16
  • 1970-01-01
  • 2020-09-26
相关资源
最近更新 更多