根据另一个显示jquery ui单选按钮
我有两个单选按钮。一个比另一个低。我想下面的一个显示在第一个按钮的选中按钮下面,保持在第一个按钮的宽度范围内,并以动态方式显示。 谢谢你的帮助根据另一个显示jquery ui单选按钮,jquery,css,radio-button,Jquery,Css,Radio Button,我有两个单选按钮。一个比另一个低。我想下面的一个显示在第一个按钮的选中按钮下面,保持在第一个按钮的宽度范围内,并以动态方式显示。 谢谢你的帮助 <script> $(function() { $( "#categorie" ).buttonset(); $( "#types" ).buttonset(); }); </script> </head> <body> <form> <div id="categorie"> &l
<script>
$(function() {
$( "#categorie" ).buttonset();
$( "#types" ).buttonset();
});
</script>
</head>
<body>
<form>
<div id="categorie">
<input type="radio" id="categorie1" name="categorie" checked="checked"/><label for="categorie1">bla</label>
<input type="radio" id="categorie2" name="categorie" /><label for="categorie2">bla</label>
<input type="radio" id="categorie3" name="categorie" /><label for="categorie3">bla</label>
</div>
<div id="types">
<input type="radio" id="type1" name="type" checked="checked"/><label for="type1">bla</label>
<input type="radio" id="type2" name="type" /><label for="type2">bla</label>
<input type="radio" id="type3" name="type" /><label for="type3">bla</label>
</div>
$(函数(){
$(“#分类”).buttonset();
$(“#类型”).buttonset();
});
布拉
布拉
布拉
布拉
布拉
布拉
据我所知,我不确定这是否是你的问题,
在JSFIDLE上查看这个
和html
<div id="categorie">
<div id="first" style="display:block;float:left">
<input type="radio" id="categorie1" name="categorie" checked="checked" />
<label for="categorie1">bla1</label>
</div>
<div id="second" style="display:block;float:left">
<input type="radio" id="categorie2" name="categorie" />
<label for="categorie2">bla2</label>
</div>
<div id="third" style="display:block;float:left">
<input type="radio" id="categorie3" name="categorie" />
<label for="categorie3">bla3</label>
</div>
</div>
<div id="types" style="display:none;">
<div id="inner">
<br>
<input type="radio" id="type1" name="type" checked="checked" />
<label for="type1">bla_a</label>
<br>
<input type="radio" id="type2" name="type" />
<label for="type2">bla_b</label>
<br>
<input type="radio" id="type3" name="type" />
<label for="type3">bla_c</label>
</div>
</div>
布拉1
废话
喋喋不休
布拉
布拉
布拉
<div id="categorie">
<div id="first" style="display:block;float:left">
<input type="radio" id="categorie1" name="categorie" checked="checked" />
<label for="categorie1">bla1</label>
</div>
<div id="second" style="display:block;float:left">
<input type="radio" id="categorie2" name="categorie" />
<label for="categorie2">bla2</label>
</div>
<div id="third" style="display:block;float:left">
<input type="radio" id="categorie3" name="categorie" />
<label for="categorie3">bla3</label>
</div>
</div>
<div id="types" style="display:none;">
<div id="inner">
<br>
<input type="radio" id="type1" name="type" checked="checked" />
<label for="type1">bla_a</label>
<br>
<input type="radio" id="type2" name="type" />
<label for="type2">bla_b</label>
<br>
<input type="radio" id="type3" name="type" />
<label for="type3">bla_c</label>
</div>
</div>