Get切换输入值，以便使用jQuery切换页面视图
Get切换输入值，以便使用jQuery切换页面视图
提问于 2018-06-12 05:53:41
我正在开发一个网页photoGallery，我想添加一个切换输入按钮，以在显示相册或显示所有照片之间切换。我需要使用jQuery获取输入的值并执行AjaxCall，以便使用适当的显示重新加载内容。
我有这个
<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><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>
我正在尝试捕获切换输入的更改事件，并更新文本的值。
回答 1
Stack Overflow用户
发布于 2018-06-12 06:02:05
如果您想要捕获更改事件，请执行此操作。由于您的文本在复选框中作为数据属性，因此也可以在脚本中引用这些属性。
$("document").ready(function () {
$("#VistaToggle").on('change', function () {
if (this.checked) {
$("#valor1").text(this.getAttribute('data-on'));
} else {
$("#valor1").text(this.getAttribute('data-off'));
}
})
});<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50806556
复制相关文章
相似问题
腾讯云开发者
