转动复选框以取消选中

时间:2015-06-23 09:57:18

标签: javascript jquery

我现在使用switchery checkbox,如果点击按钮,如何使用jquery取消选中或检查它,例如

  <xsl:if test="count(A//B)!=0">
    <xsl:for-each select="A/child::text() | A/B">
      <xsl:choose>
        <xsl:when test="local-name()='B'">
          <xsl:copy-of select="."/>
        </xsl:when>
        <xsl:otherwise>
          <xsl:element name="A">
            <xsl:value-of select="."/>
          </xsl:element>
        </xsl:otherwise>
      </xsl:choose>
    </xsl:for-each>
  </xsl:if>

2 个答案:

答案 0 :(得分:1)

使用“已检查”属性。 编辑: 我明确地触发了转换。

参考代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../../lib/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="lib/switchery.min.js"></script>
    <link rel="stylesheet" href="lib/switchery.min.css">
</head>
<body>
<p><input type="checkbox" class="js-switch" checked /></p>
<p><input type="button" class="js-button" value="get status"></p>
<p><input type="button" class="toggle-button" value="toggle"></p>
<script type="text/javascript">
    var checkbox = document.querySelector('.js-switch');
    var switchry = new Switchery(checkbox, { size: 'small' });
    $('.js-button').click(function (){
        alert(checkbox.checked);
    });
    $('.toggle-button').click(function (){
        checkbox.checked = !checkbox.checked;
        switchry.handleOnchange(checkbox.checked);
    });
</script>
</body>
</html>

答案 1 :(得分:0)

我尝试了所有方法,但只有一种解决方案可行。

$('.switcher').prop('checked', true);

OR

$('.switcher').prop('checked', false);