我希望将单选按钮隐藏,而是使单选按钮的标签本身可点击,并更改所选单选按钮的背景颜色。我该如何做到这一点?例如,我有“是”和“否”标签,这些标签将可点击而且根本没有单选按钮。这些只会改变背景颜色而不显示单选按钮,这是不想要的。
JavaScript
JavaScript
$(document).ready(function(){
var ok = "green";
var notok = "red";
$.each($(":radio"), function(){
if($(this).prop("checked") == false)
{
$(this).parent().css("background", notok);
}
else
{
$(this).parent().css("background", ok );
}
})
$(":radio").click(function(){
$("[name='"+$(this).prop("name")+"']").parent().css("background", notok);
$(this).parent().css("background", ok );
})
})
HTML
<FORM name="form1">
<div>
<input type="radio" id="yes" name="q"checked="checked"/> Yes
</div>
<div>
<input type="radio" id="no" name="q"/>No
</div>
</FORM>
谢谢
<div>
,并将所选值放入隐藏字段中。 - Zoltan Toth