js 设置复选框最大可选值

<mce:script type="text/javascript" language="javascript"><!-- function CheckBoxNum(obj){ var sMax = 5; //设置最大的复选框选择个数，该值应该小于等于复选框的总个数 var c = document.p_form.showbox; //获取复选框 var sSum = 0; //复选框选择的个数，初始值为0 for(var i=0;i<c.length;i++){ if(c[i].checked){ sSum++; } if (sSum >sMax) { c[i].checked = false; } } if(sSum >=sMax){ alert("首页显示最多可选五项！"); for(var i=0;i<c.length;i++){ if(!c[i].checked){ c[i].disabled = true; } } }else{ for(var i=0;i<c.length;i++){ if(c[i].disabled){ c[i].disabled = false; } } } } // --></script> <form method="post" action="$theurl&ref" class="c_form" name="p_form"> <table border="0" cellspacing="0" cellpadding="0" class="myinfor_table"> <thead> <tbody> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[name]" type="checkbox" value="1" οnclick="CheckBoxNum(this);" {$showindexarr[name][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[sex]" type="checkbox" value="1" οnclick="CheckBoxNum(this);" {$showindexarr[sex][1]}/></td> </tr> <tr> <td align="right">：</td> <td align="center"><input id="showbox" name="showindex[birth]" type="checkbox" value="1" οnclick="CheckBoxNum(this);" {$showindexarr[birth][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[constellation]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[constellation][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[birthcity]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[birthcity][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[residecity]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[residecity][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[figure]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[figure][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[blood]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[blood][1]}/></td> </tr> <tr> <td align="right"></td> <td align="center"><input id="showbox" name="showindex[marry]" type="checkbox" value="1" οnclick="CheckBoxNum();" {$showindexarr[marry][1]}/></td> </tr> <tr> <th> </th> <th align="left"><input name="profilesubmit" type="submit" class="btn_saveinfor" value=" " /></th> </tr> </tbody> </table> </form>

 

设置如果选大于5个值， 则提示 只能选中五！在次做以简单记录~~~