具有校验值的两个以上输入的备用逻辑运算符
具有校验值的两个以上输入的备用逻辑运算符
提问于 2017-08-20 09:34:17
我在JS中有脚本：
<script>
$(document).ready(function () {
$('#new_logo_box').click(function (event) {
if (this.checked) {
$('#basic_info').slideDown(400); }
else {
$('#basic_info').slideUp(400);}
});
});
</script>现在我想用可选的逻辑运算符检查多个输入。我该怎么做呢？我正在尝试：
<script>
$(document).ready(function () {
$('#new_logo_box').click(function (event) ||
$('#renew_logo_box').click(function (event) {
if (this.checked) {
$('#basic_info').slideDown(400); }
else {
$('#basic_info').slideUp(400);}
});
});
</script>但这行不通..。
Stack Overflow用户
发布于 2017-08-20 09:39:51
您可以在单个选择器中列出要应用事件处理程序的所有项，如下所示：
$(document).ready(function () {
$('#new_logo_box, #renew_logo_box').click(function (event){
if (this.checked)
$('#basic_info').slideDown(400);
else
$('#basic_info').slideUp(400);
});
});使用此功能，当单击列出的任何项时，将执行您的逻辑。
为了满足您仅在未选中任何内容时才隐藏基本信息的需要，您可以使用类似以下内容：
$(document).ready(function () {
var counter = 0;
$('#new_logo_box, #renew_logo_box').click(function (event){
if (this.checked)
counter++;
else
counter--;
if (counter > 0)
$('#basic_info').slideDown(400);
else
$('#basic_info').slideUp(400);
});
});使用这种方法，您可以根据需要向事件处理程序添加任意多个元素，而无需调整事件处理程序。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45777697
复制相关文章
相似问题
腾讯云开发者
