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>
本文介绍了一种HTML中使用Checkbox结合jQuery实现特定交互效果的方法。通过JavaScript代码,实现了当点击某个Checkbox时,能够取消选中同一组内的其他Checkbox,并只保留当前点击项为选中状态的功能。
1424

被折叠的 条评论
为什么被折叠?



