JQuery判斷radio是否選中，獲取選中值

時間 2020-02-03

原文原文鏈接

/*---------------------------JQuery判斷radio是否選中，獲取選中值----------------------------------*/javascript

其餘對radio操做功能，之後在添加。直接上代碼，別忘記引用JQuery包html

? java

<!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 >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 >

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。