标签: toggle

有没有更好的写v =(v == 0?1:0)的方法;

我想在0和1之间切换变量.如果它是0我想将其设置为1,否则如果它是1我想将其设置为0.

这是我经常写的一个基本操作,我想研究最短,最清晰的方法.到目前为止,这是我最好的:

v = (v == 0 ? 1 : 0);
Run Code Online (Sandbox Code Playgroud)

你能改进吗?

编辑:问题是询问如何在保留清晰度的同时用最少的字符写上述语句 - 这怎么'不是真正的问题'?这不是一个代码高尔夫练习,虽然一些有趣的答案来自人们接近它作为高尔夫球 - 很高兴看到高尔夫球以建设性和发人深省的方式使用.

javascript variables coding-style toggle

462
推荐指数
25
解决办法
5万
查看次数

打开/关闭复选框

我有以下内容:

$(document).ready(function()
{
    $("#select-all-teammembers").click(function() {
        $("input[name=recipients\\[\\]]").attr('checked', true);
    });                 
});
Run Code Online (Sandbox Code Playgroud)

我希望id="select-all-teammembers"点击时可以在已选中和未选中之间切换.想法?这不是几十行代码?

checkbox jquery toggle jquery-selectors

386
推荐指数
8
解决办法
45万
查看次数

如何切换布尔值?

有没有一种在javascript中切换布尔值的简单方法?

到目前为止,除了编写自定义函数之外,最好的是三元组:

bool = bool ? false : true;
Run Code Online (Sandbox Code Playgroud)

javascript boolean toggle

378
推荐指数
5
解决办法
22万
查看次数

使用jQuery切换输入禁用属性

这是我的代码:

$("#product1 :checkbox").click(function(){
    $(this)
        .closest('tr') // Find the parent row.
            .find(":input[type='text']") // Find text elements in that row.
                .attr('disabled',false).toggleClass('disabled') // Enable them.
                .end() // Go back to the row.
            .siblings() // Get its siblings
                .find(":input[type='text']") // Find text elements in those rows.
                .attr('disabled',true).removeClass('disabled'); // Disable them.
});
Run Code Online (Sandbox Code Playgroud)

我如何切换.attr('disabled',false);

我似乎无法在Google上找到它.

jquery toggle attr

177
推荐指数
4
解决办法
17万
查看次数

如何在纯JavaScript中切换元素的类?

我正在寻找一种方法将这个jQuery代码(在响应式菜单部分中使用)转换为纯JavaScript.

如果很难实现它,可以使用其他JavaScript框架.

$('.btn-navbar').click(function()
{
    $('.container-fluid:first').toggleClass('menu-hidden');
    $('#menu').toggleClass('hidden-phone');

    if (typeof masonryGallery != 'undefined') 
        masonryGallery();
});
Run Code Online (Sandbox Code Playgroud)

提前致谢

javascript dom toggle

103
推荐指数
4
解决办法
11万
查看次数

如何使用JavaScript getElementByClass而不是GetElementById?

我正在尝试根据每个DIV的类别切换网站上某些DIV元素的可见性.我正在使用基本的JavaScript代码段来切换它们.问题是该脚本仅使用getElementById,因为getElementByClassJavaScript不支持.不幸的是,我必须使用class而不是id来命名DIV,因为DIV名称是由我的XSLT样式表使用某些类别名称动态生成的.

我知道某些浏览器现在支持getElementByClass,但由于Internet Explorer不支持,我不想走那条路.

我发现脚本使用函数来按类获取元素(例如本页#8:http://www.dustindiaz.com/top-ten-javascript/),但我无法弄清楚如何集成它们与我的切换脚本.

这是HTML代码.DIV本身缺失,因为它们是在使用XML/XSLT加载页面时生成的.

主要问题:如何获取以下Toggle脚本以获取逐个元素而不是按ID获取元素?

<html>

<head>

<!--This is the TOGGLE script-->
<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

</head>

<!--the XML/XSLT page contents will be loaded here, with DIVs named by Class separating dozens of li's-->

<a href="#" onclick="toggle_visibility('class1');">Click here to toggle visibility of class 1 objects</a>

<a href="#" onclick="toggle_visibility('class2');">Click here to …
Run Code Online (Sandbox Code Playgroud)

javascript class getelementbyid toggle getelementsbyclassname

88
推荐指数
3
解决办法
39万
查看次数

jQuery切换文本?

有没有人知道如何使用jQuery切换文本锚标记的html文本.我想要一个锚点,当点击时,文本在"显示背景"和"显示文本"之间交替显示,以及淡入和淡出另一个div.这是我最好的猜测:

$(function() {
    $("#show-background").click(function () {
        $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
    });

    $("#show-background").toggle(function (){
        $(this).text("Show Background")
        .stop();
    }, function(){
        $(this).text("Show Text")
        .stop();
    });
});
Run Code Online (Sandbox Code Playgroud)

提前致谢.

jquery toggle

74
推荐指数
8
解决办法
15万
查看次数

jQuery切换CSS?

我想在CSS之间切换,所以当用户点击按钮(#user_button)时,它会显示菜单(#user_options)并更改CSS,当用户再次点击它时,它会恢复正常.到目前为止,这就是我所拥有的:

$('#user_button').click( function() {
    $('#user_options').toggle();
    $("#user_button").css({    
        borderBottomLeftRadius: '0px',
        borderBottomRightRadius: '0px'
    }); 
    return false;
});
Run Code Online (Sandbox Code Playgroud)

有人可以帮忙吗?

css jquery toggle

72
推荐指数
2
解决办法
22万
查看次数

单击以使用jQuery切换

我使用了一个悬停功能,你可以在鼠标悬停和y和mouseout上执行x.我正在为点击尝试相同但它似乎不起作用:

$('.offer').click(function(){ 
  $(this).find(':checkbox').attr('checked', true ); 
},function(){
  $(this).find(':checkbox').attr('checked', false ); 
});
Run Code Online (Sandbox Code Playgroud)

我希望在单击a时选中复选框div,如果再次单击则取消选中 - 单击切换.

jquery onclick toggle

70
推荐指数
4
解决办法
14万
查看次数

是否存在类似jQuery.toggle(boolean)的东西?

我写了很多类似于下面代码的东西.它基本上根据某些条件切换元素.

在下面的组成示例中,条件是"如果agree选中复选框且name字段不为空".

$("button").click(function() {
  if ($("#agree").is(":checked") && $("#name").val() != "" ) {
    $("#mydiv").show();
  } else {
    $("#mydiv").hide();
  }
});
Run Code Online (Sandbox Code Playgroud)

我希望有某种jQuery函数可以像这样工作.

$("button").click(function() {
  var condition = $("#agree").is(":checked") && $("#name").val() != "" );
  $("#mydiv").toggle(condition);
});
Run Code Online (Sandbox Code Playgroud)

那里有类似的东西吗?或者除了第一个例子之外还有其他方法以更少的if-else-ish方式做到这一点吗?

javascript jquery toggle

65
推荐指数
3
解决办法
3万
查看次数