1. 程式人生 > >小技巧:Jquery設定checkbok為單選

小技巧:Jquery設定checkbok為單選

html(使用到jquery,jstl)

<input id="op${tp.id}_${op.opId}" name="op${tp.id}"  type="checkbox" onclick="chkOption('op${tp.id}_${op.opId}', 'op${tp.id}');" />${op.opName}

JS

<script type="text/javascript">
function chkOption(opId, opName) {
var ops = document.getElementsByName(opName);

for(var i=0; i<ops.length; i++) {
ops[i].checked = false;
}

$("#" + opId).attr("checked", "checked");
}
</script>