单选框选择问题求教

求助各位高手
有一组单选框,如何控制选择的数量为10
选择10个以后 其余的都变灰
如果取消10个中的一个 其余的就可选
谢谢支持

解决方案 »

  1.   

    因该是复选框吧，那你只使用javascript遍历设置成disable，只是个思路
      

  2.   

    不管单选还是多选监听click事件，然后判断选择了几个,超过10个就把其他的禁用。
    $("#flag1").click(function(){
    .......    
    })
      

  3.   

    写的有点仓促，楼主可以精简一下<html>
    <head>
    <title>Test</title>
    <script language="javascript">
    function checkSelect(){
    var allCheckbox = document.getElementsByName("cb");
    var num = 0;
    for(var i = 0; i < allCheckbox.length; i++){
    if(allCheckbox[i].checked){
    num++;
    }
    }
    if(num == 3){
    for(var i = 0; i < allCheckbox.length; i++){
    if(allCheckbox[i].checked){
    allCheckbox[i].disabled = false;
    }else{
    allCheckbox[i].disabled = true;
    }
    }
    }else{
    for(var i = 0; i < allCheckbox.length; i++){
    allCheckbox[i].disabled = false;
    }
    }
    }
    </script>
    </head>
    <body>
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    </body>
    </html>
      

  4.   


    <html>
    <head>
    <title>Test</title>
    <script language="javascript">
    function checkSelect(){
    var allCheckbox = document.getElementsByName("cb");
    var num = 0;
    for(var i = 0; i < allCheckbox.length; i++){
    if(allCheckbox[i].checked){
    num++;
    }
    }
    if(num == 3){
    for(var i = 0; i < allCheckbox.length; i++){
    if(!allCheckbox[i].checked){
    allCheckbox[i].disabled = true;
    }
    }
    }else{
    for(var i = 0; i < allCheckbox.length; i++){
    allCheckbox[i].disabled = false;
    }
    }
    }
    </script>
    </head>
    <body>
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    <input name="cb" type="checkbox" onclick="checkSelect()" /><br />
    </body>
    </html>