【问题标题】:Bootstrap button groups + Radio Buttons, checked value is not working in Firefox using jQuery引导按钮组 + 单选按钮,检查值在使用 jQuery 的 Firefox 中不起作用
【发布时间】:2012-10-04 01:20:25
【问题描述】:

我正在使用引导程序构建一个网站,并使用覆盖在单选按钮之上的按钮组来根据选中的单选按钮加载某些内容。我检查单选按钮中的值属性来决定加载哪些内容(使用 jQuery)。这是相同的 JSFiddle。

http://jsfiddle.net/F2Kr3/1/

如果您在 Chrome 中运行它,那么您会在警报提示中获得单选按钮值。

如果您在 Firefox 中运行它,那么您会在警报提示中看到“未定义”。

任何原因,为什么 FF 会这样或者我做错了什么。

提前致谢!

【问题讨论】:

    标签: javascript jquery firefox twitter-bootstrap


    【解决方案1】:

    这对 Chrome 有效的原因是它会将click 事件触发到input:radio 级别,而 Firefox 没有这种行为。

    据我所知,Bootstrap 不处理按钮和嵌套输入单选按钮之间的此功能。因此,您必须在单击样式为 button 的 Bootstrap 时设置 input:radio 按钮的选中属性。

    $('div.btn-group .btn').click(function(){
      $(this).find('input:radio').attr('checked', true);
      alert($('input[name=radio-btn-ctrl]:checked').val());
    });
    

    http://jsfiddle.net/3prAu/1/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-08-21
      • 2015-03-22
      • 2018-02-13
      • 2014-08-05
      • 1970-01-01
      • 2012-07-12
      • 2018-10-12
      相关资源
      最近更新 更多