jquery ui按钮不工作 html 怀疑

jquery ui按钮不工作 html 怀疑,jquery,jquery-ui,Jquery,Jquery Ui,我没有收到任何错误,脚本运行正常,但即使在执行命令后,复选框也没有更改,请帮助。您尝试过: $(document).ready(function(){ var checkboxes = $('input[type=checkbox]'); try{ $(checkboxes).button(); } catch(e) { alert(e); } }); 请尝试以下方法: $(checkboxes).cli

我没有收到任何错误,脚本运行正常,但即使在执行命令后,复选框也没有更改,请帮助。

您尝试过:

$(document).ready(function(){
    var checkboxes = $('input[type=checkbox]');
    try{
        $(checkboxes).button();     
    }
    catch(e)
    {
        alert(e);
    }
});
请尝试以下方法:

$(checkboxes).click(); 
或者交替地

$(document).ready(function(){
   var checkboxes = $('input[type=checkbox]');
   try{
       checkboxes.button();      
   }
   catch(e)
   {
      alert(e);
   }
});

您正在查找按钮设置而不是按钮

from:收音机和复选框使用按钮集()

你试过这些吗

  $(document).ready(function() {
    $("#radio").buttonset();
  })

更新

更新2

checkboxes.buttonset();

选择1
选择2
选择3
然后

<form>
    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>
</form>

$(函数(){
$(“#收音机”).buttonset();
});

我知道这是一个夸张的说法,但Jquery UI在带有样式化按钮和表单时并不友好

我建议,因为他们使用简单的类样式

回到回答您的问题。
var复选框通常意味着有多个复选框。 因此,也许可以使用.each()


您可以使用$(this).is(':checked')查看是否选中了复选框(如果需要)。

html+js部分在JSFIDLE中对我来说很好。所以我猜这是你的引用的一个问题。是的,但它仍然不起作用,我想知道这两者有什么不同??对不起,它不起作用,而且它确实不应该起作用,因为根据文档,你需要将所有的复选框放在一个div中,然后对其调用.buttonset()方法,为什么您没有使用from文档?我也尝试过,但这就是问题所在,它不起作用,最糟糕的是调用.buttonset()和.button()方法时没有遇到任何错误,然后使用Google Chrome并按F12键并观察控制台。。。您可能会收到错误或警告,但您不知道。如果要将内容打印到控制台,请键入
console.log('messagehere')  $(document).ready(function() {
    $("#radio").buttonset();
  })
var checkboxes = $('input[type="checkbox"]');
checkboxes.button();
checkboxes.buttonset();
<form>
    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>
</form>
<script>
    $(function() {
        $( "#radio" ).buttonset();
    });
</script>
$('input[type=checkbox]').each(function(index, value) {
  $(this).click();
});