相关疑难解决方法(0)

在这篇文章中,Nick Craver提供了一个答案:

function(_, id)

在使用它之前,此代码不会将下划线声明为变量.我在谷歌和此处的搜索仅指向使用下划线作为前缀的引用,而不是作为变量本身.它有什么作用？我喜欢Nick的解决方案,但这让我感到烦恼.

这是我的代码 -

<div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;">
            <div style="left: 0px; width: 150px;"><input type="checkbox" checked="checked"><span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;">ON</span><label for="" style="width: 50px; height: 25px;"></label><span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;">OFF </span></div>
        </div>
    </div>

脚本-

$(document).ready(function() {
        $('#normal-toggle-button').toggleButtons();
    });

我想在此页面上给出一个基本按钮 - 切换按钮

我做得很好.但我还是错过了一些东西.

在这里办理入住手续 - 小提琴

所以我有一个问题.我正在尝试切换复选框以便向父级添加一些css<tr>

这就是我到目前为止所拥有的

 $('input[type=checkbox]').toggle(function(){

    $(this).parents('tr').addClass('selectCheckBox', 970);
},
function(){

    $(this).parents('tr').removeClass('selectCheckBox', 970);
});

但是,这样做的结果是<tr>确实接收了selectCheckBox但是复选框没有被检查.所以我尝试了以下方法:

 $('input[type=checkbox]').toggle(function(){
    $(this).attr('checked',true);
    $(this).parents('tr').addClass('selectCheckBox', 970);
},
function(){
    $(this).attr('checked',false);
    $(this).parents('tr').removeClass('selectCheckBox', 970);
});

再一次,没有运气.

我认为它与复选框ID的外观有关.

<input type="checkbox" name="select[]" id="select[]">

然后,我尝试[]使用\\[\\]过去使用的逃避,但没有运气.

有办法进行checkbox检查吗？

我正在尝试使用链接来检查jQuery的复选框.我的HTML是:

<table>
  <tr>
    <td><input type="checkbox" value="test" /></td>
    <td><a class="editbutton" href="#">edit</a></td>
  </tr>
</table>

我一直在玩这个jquery:

jQuery('.editbutton').click(function($) {
    jQuery(this).closest('[type=checkbox]').attr('checked', true);
});

不幸的是,这不起作用.有任何想法吗？

使用方法1创建一个可点击的标签,隐藏与CSS的复选框,并与jQuery的切换,并在标签,我得到这个:

$('label').click(function(e) {
  $(this).toggleClass('active');
  var cbx = $('input', this);
  cbx.prop('checked', !cbx.prop("checked"));
  console.log($('input', this).prop('checked'));
  return false;
})

input[type="checkbox"] {visibility: hidden;position: absolute}
label {background-color: pink;border: 1px solid lightblue;padding: 20px}
label.active {background-color: lightgreen}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
  <input type="checkbox" checked />Check Button</label>

我的问题是:是否有可能只使用CSS做同样的事情？

我意识到我<label>没有使用<button>,我认为有更好的方法来实现这一点与jQuery.如果您考虑回复一个,请使用复选框(或至少解释您不能使用它的原因).