这是我当前的代码:
<label>
<input type="radio" id="nosupp" name="nosupp">
No Supplier Chosen
</label><br/><br/>
<cfloop query="supplier">
<label>
<input type="radio" id="chk1" name="chooseSupp" onchange="change(this);">
Chosen Supplier
</label>
</cfloop>
Javascript:
<script type="text/javascript">
function change(obj) {
var tr=obj.parentNode.parentNode;
var tbl = tr.parentNode.parentNode;
var inputs = tbl.getElementsByTagName("input");
for(var i = 0;i<inputs.length;i++)
inputs[i].parentNode.parentNode.style.backgroundColor='transparent';
tr.style.backgroundColor=(obj.checked)? 'red' : 'transparent';
}
</script>
这样做的目的是在单击时突出显示循环中的每个单选按钮。
我的问题是,当我单击循环外的单选按钮(nosupp)时,循环中最后一个检查的突出显示不会消失。
我不想突出显示 nosupp 之一或选择 nosupp 之一。
有任何想法吗?