JQuery判斷radio是否選中并獲取選中值的示例代碼

字號:


    其他對radio操作功能,以后在添加。直接上代碼,別忘記引用JQuery包
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQuery radio</title>
    <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
    <script type="text/javascript" language="javascript">
    /*------判斷radio是否有選中,獲取選中的值--------*/
    $(function(){
    $("#btnSubmit").click(function(){
    var val=$('input:radio[name="sex"]:checked').val();
    if(val==null){
    alert("什么也沒選中!");
    return false;
    }
    else{
    alert(val);
    }
    var list= $('input:radio[name="list"]:checked').val();
    if(list==null){
    alert("請選中一個!");
    return false;
    }
    else{
    alert(list);
    }
    });
    });
    </script>
    </head>
    <body>
    <form id="form1" >
    <input type="radio" name="sex" value="男" />男
    <input type="radio" name="sex" value="女" />女
    <br />
    <input type="radio" name="list" value="十分滿意" />十分滿意
    <input type="radio" name="list" value="滿意" />滿意
    <input type="radio" name="list" value="不滿意" />不滿意
    <input type="radio" name="list" value="非常差" />非常差
    <br />
    <input type="submit" value="submit" id="btnSubmit" />
    </form>
    </body>
    </html>
    網(wǎng)友評論:var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比較好,這種方法較簡潔
    is() 根據(jù)選擇器、元素或 jQuery 對象來檢測匹配元素集合,如果這些元素中至少有一個元素匹配給定的參數(shù),則返回 true。
    如果您保存后亂碼,這里推薦使用notepad++處理。