代码之家 › 专栏 › 技术社区 › George Sealy

使用jQueryUI时设置单选按钮的宽度

jquery-ui-button width jquery-ui

George Sealy · 技术社区 · 15 年前

我使用的代码是:

<script type="text/javascript">
    $(document).ready(function () {
        $("#radio").buttonset();
    });
</script>

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

我是第一次使用jQuery,对CSS或javascript没有什么经验。我尝试了各种奇怪的组合,试图为按钮指定一个固定的宽度,而不丢失jqueryui样式,但是没有成功。

任何帮助都将不胜感激。

2 回复 | 直到 15 年前

Nick Craver 15 年前

<label> 它使用的元素 .width(val) 这样地:

$("#radio").buttonset().find('label').width(200);

You can give it a try here ,或者您可以添加如下CSS规则:

â#radio label { width: 200px }â

You can try that out here .

Sean Webb 11 年前

.myradiolables
{
 width: 200px;
 height: 20px;
}

<div id="radio">
<input type="radio" id="radio1" name="radio" /><label class="myradiolabels" for="radio1">A</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label class="myradiolabels" for="radio2">Choice 2 - long long</label>
<input type="radio" id="radio3" name="radio" /><label class="myradiolabels" for="radio3">Choice 3</label>
</div>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Nuñito Calzada · JQuery在spring boot和Thymelaf中从DB自动完成

1 年前

Connor · 使用jquery UI幻灯片制作周围动画

1 年前

provance · 如何获得最新版本的jquery ui?

1 年前

Akhilesh · 当数据目标中有分号或冒号时,带有展开的aria的Button元素不展开

2 年前

chris loughnane · 使用jQuery UI滑块移动和缩放svg元素时遇到问题?

7 年前

Tirkesh Turkesh · 如何在可拖放div中释放项目的精确位置元素上拖放

7 年前

ferralucho · Hightlight jquery datepicker标头选定的星期几

7 年前

Paili · 如何在jQuery自动完成中添加其他内容?

7 年前

monu · 动态嵌套选项卡创建

7 年前