看到有人用jquery把radio单选框的原型变成方的?

怎么用的？radio 原型的外观变成了复选框方框单勾的了？
想知道怎么做的？

解决方案 »

  1.   

    不用JQ行不？
     <INPUT TYPE="checkbox" NAME="chk" onclick="sele(this)" value="1">
     <INPUT TYPE="checkbox" NAME="chk" onclick="sele(this)" value="2">
     <INPUT TYPE="checkbox" NAME="chk" onclick="sele(this)" value="3">
     <INPUT TYPE="checkbox" NAME="chk" onclick="sele(this)" value="4">
     <INPUT TYPE="hidden" id="chk_val" value="">
     <INPUT TYPE="button" VALUE="click" ONCLICK="alert(document.getElementById('chk_val').value)">
     <SCRIPT LANGUAGE="JavaScript">
     <!--
    function sele(obj) {
    if (!obj.checked) {
    obj.checked = true;
    return;
    }
    document.getElementById('chk_val').value = obj.value;
    var chks = document.getElementsByName("chk");
    for (var i=0; i<chks.length; i++)
    {
    if (chks[i].checked && chks[i] != obj) chks[i].checked = false;
    }
    }
     //-->
     </SCRIPT>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title></head>
    <body>
    男<input type="checkbox" name="rode" value="1" checked="checked"/>
    女<input type="checkbox" name="rode" value="2"  /></body>
    </html>
    帮我改下，让他变成单选的功能，谢谢了。我JS初学
      

  3.   

    需要注意一点：
    提交的时候要取 sex 的值，而不是rode了
    男<input type="checkbox" name="rode" value="1" onclick="sele(this)" checked="checked"/>
    女<input type="checkbox" name="rode" value="2" onclick="sele(this)"/>
    <INPUT TYPE="hidden" NAME="sex" id="sex" value="1">
    <INPUT TYPE="button" VALUE="click" ONCLICK="alert(document.getElementById('sex').value)">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
      function sele(obj) {
            if (!obj.checked) {
                obj.checked = true;
                return;
            }
            document.getElementById('sex').value = obj.value;
            var chks = document.getElementsByName("rode");
            for (var i=0; i<chks.length; i++)
            {
                if (chks[i].checked && chks[i] != obj) chks[i].checked = false;
            }
        }
    //-->
    </SCRIPT>
      

  4.   

    非常感谢，问下有Jquery的例子吗？
    感觉Jquery的非常的漂亮。
      

  5.   

    看这帖吧，跟LZ的问题一样
    http://topic.csdn.net/u/20100709/12/0613ed8c-725b-4dc6-bffc-f8c20d727ef4.html?51034
      

  6.   

    这样么？<input type="radio" checked style="border:0px;">