Question

可以使用复选框（允许多选）检索jquery ui buttonset构建中的“selected”按钮：

$('#format').buttonset();

$('#format').click(function() {
  var text = "";
  $('#format').find('label[aria-pressed|="true"]').each(function() {
      text += $(this).attr("for") + "-";
  });
  $('#selected').html(text); 
});

这在Chrome，IE，Safari中运行良好，但在Firefox中，没有考虑单击的复选框。您可以在jsFiddle。

中查看此内容

Answer 1

尝试：

$('label.ui-state-active')

查看我更新的jsFiddle http://jsfiddle.net/qLWNd/

Answer 2

尝试使用函数bind

$('#format').bind("click",function() {
  var text = "";
  $('#format').find('label[aria-pressed|="true"]').each(function() {
      text += $(this).attr("for") + "-";
  });
  $('#selected').html(text); 
});

或来自jquery的实时插件

Answer 3

仅供参考，从jquery-ui 1.10.0到1.11.4（最新），click（）事件对于Firefox中的复选框按钮组不起作用。

尝试：

$('#format').change(function () {
    var text = "";
    $(this).children('label.ui-state-active').each(function () {
      text += $(this).attr("for") + "-";
    });
    $("#selected").html(text);
});

请参阅此jsFiddle http://jsfiddle.net/03ee1m60/2/

在按钮组中选中的jquery-ui检索（复选框） - firefox问题

3 个答案: