首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Get切换输入值,以便使用jQuery切换页面视图

Get切换输入值,以便使用jQuery切换页面视图
EN

Stack Overflow用户
提问于 2018-06-12 05:53:41
回答 1查看 524关注 0票数 0

我正在开发一个网页photoGallery,我想添加一个切换输入按钮,以在显示相册或显示所有照片之间切换。我需要使用jQuery获取输入的值并执行AjaxCall,以便使用适当的显示重新加载内容。

我有这个

代码语言:javascript
复制
<script>
        $("document").ready(function () {
            $("#VistaToggle").toggle(function () {
                $("#valor1").text($(this).val())
                {% comment %}if ($(this).val() == "Vista Álbum"){
                    $("#valor1").text("Vista Álbum")
                }
                else
                {
                    $("#valor1").text("Vista Fotos")
                }{% endcomment %}
            })
        });

    </script>
代码语言:javascript
复制
<div class="container-fluid" align="center">
        <input id="VistaToggle" type="checkbox" checked data-toggle="toggle" data-size=="large" data-on="Vista Álbum" data-off="Vista Fotos"  data-onstyle="success" data-offstyle="danger">
        <p id="valor1">El estado actual es:</p>
    </div>

我正在尝试捕获切换输入的更改事件,并更新文本的值。

EN

回答 1

Stack Overflow用户

发布于 2018-06-12 06:02:05

如果您想要捕获更改事件,请执行此操作。由于您的文本在复选框中作为数据属性,因此也可以在脚本中引用这些属性。

代码语言:javascript
复制
$("document").ready(function () {
    $("#VistaToggle").on('change', function () {
      if (this.checked) {
        $("#valor1").text(this.getAttribute('data-on'));
      } else {
        $("#valor1").text(this.getAttribute('data-off'));
      }
    })
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid" align="center">
        <input id="VistaToggle" type="checkbox" checked data-toggle="toggle" data-size=="large" data-on="Vista Álbum" data-off="Vista Fotos"  data-onstyle="success" data-offstyle="danger">
        <p id="valor1">El estado actual es:</p>
    </div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50806556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档