Question

如何通过radio选项，把获得的li值填写到radio所指定的文本框?

现在的问题是：选择了radio后，在指定的文本框里只显示了“on”, 要怎么改才能显示li的值?
<div id="showcolor">
<ul class="1bcolor_selectGroups" style="text-align:left">
<li style="background:#F5DE00">Yellow C</li>
<li style="background:#F6D400">Yellow 012C</li>
<li style="background:#E05800">Orange 021C</li>
</ul></div>
<script type="text/javascript">
$(document).ready(function(){
$("#showcolor").click(function(){
$("#select_band_color").toggle(); //点击div框弹出div
$("#showcolor").click(function(e) {
e.stopPropagation(); //点击弹出的div不做反应
});
});
$(document).click(function() {
$("#select_band_color").hide(); //点击网页任意地方，div消失，与上面合起来就是点击除
}); //弹出的div之外的地方div消失
$(".1bcolor_selectGroups li").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#select_band_color").hide(); //div消失
});
});
</script>
<div id="select_band_color" style="width: 300px;height: 100px;display:none;">
<ul class="band_color_selectGroups" style="text-align:center">
<li><input type="radio" id="bc1" onclick="attrib_5_0.value=this.value;">Band Color 1</li>
<li><input type="radio" id="bc1" onclick="attrib_6_0.value=this.value;">Band Color 2</li>
<li><input type="radio" id="bc3" onclick="attrib_7_0.value=this.value;">Band Color 3</li>
</ul></div>

Answer 1

把下面3个radio里的onclick改一下：

onclick="attrib_5_0.value=this.parentNode.innerText"
onclick="attrib_6_0.value=this.parentNode.innerText"
onclick="attrib_7_0.value=this.parentNode.innerText"

追问

不好意思，我是要把这个li的值填写到文本框:
Yellow C

追答

下面是我在你代码基础上修改的，有添加或修改的地方加了注释，你对照一下，一共有2处添加和3处修改，最后的<input type="hidden" id="lbcolorHid" /> 可以加在任意位置，由于字数限制，我就不发全部了

$(".1bcolor_selectGroups li").click(function(){
    var thistext = $(this).text();
$("#lbcolorHid").val(thistext); //添加
    $("#select_band_color").hide();
  });

<li><input type="radio" id="bc1" onclick="attrib_5_0.value=document.getElementById('lbcolorHid').value;">Band Color 1</li> <!-- 修改 -->
<li><input type="radio" id="bc1" onclick="attrib_6_0.value=document.getElementById('lbcolorHid').value;">Band Color 2</li> <!-- 修改 -->
<li><input type="radio" id="bc3" onclick="attrib_7_0.value=document.getElementById('lbcolorHid').value;">Band Color 3</li> <!-- 修改 -->

<input type="hidden" id="lbcolorHid" /> <!-- 添加 -->

Answer 2

onclick="attrib_7_0.value=this.value;"> 这些 写成个 方法

function Li(){
$(":radio").click(function(){
$(this).val(); //获得 radio的 value;
然后对应的 div 假设 D1 $("#D1").html( $(this).val());

});
}

Answer 3

把下面3个radio里的onclick改一下：onclick="attrib_5_0.value=this.parentNode.innerText"
onclick="attrib_6_0.value=this.parentNode.innerText"
onclick="attrib_7_0.value=this.parentNode.innerText"