2011-11-28 32 views
2

我有一些单选按钮,即Buttonset不工作有了收音机

<div class="buttonset"> 
      <input name="radio12" type="radio" class="" id="radio5" /> 
      <label class="yesno">Yes</label> 
      <input name="radio12" type="radio" class="" id="radio6" /> 
     <label class="yesno">No</label> 
</div> 

我也有这个代码在头

<link rel="stylesheet" ref="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-darkness/jquery-ui.css" type="text/css" media="all" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> 
<script> 
      $(document).ready(function() { 
       $(".buttonset").buttonset(); 
       alert ("Buttons created"); 
      }); 
    </script> 

而且我的单选按钮不按预期呈现为按钮。

我缺少什么?

此的jsfiddle页有它不工作http://jsfiddle.net/jd3Km/1/

一个例子后添加资源@ soderslatt的建议,我得到这个 enter image description here

回答

2

包含了jQuery UI CSS

http://jsfiddle.net/jd3Km/5/

+0

,只有将单选按钮更改为看起来像一个大按钮的div顶部。这里没有预期的那样http://docs.jquery.com/UI/Button感谢Trying –

+4

调用buttonset()并将标签关联到它的输入将修复它, http://jsfiddle.net/jd3Km/18/ – anderssonola