<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
<!--
/**
* 如果選中“有”則,彈出提示框
* @param val 欲選中後彈窗的radio的值
*/
function showTip(val){
// 通過radio的名字取得radio控件數組集合
var radios = document.getElementsByName("sex3");
for (i=0,len=radios.length; i<len; i++) {
if (radios[i].checked) {
// 如果選中的radio的值爲 val,則彈窗
if(val==radios[i].value){
alert('當前選中值:'+radios[i].value);
}
}
}
}
//-->
</script>
</head>
<body>
<div class="layui-input-block">
<input type="radio" name="sex3" value="1" title="有" onclick="showTip(1)"> 有
<input type="radio" name="sex3" value="0" title="無" checked> 無
<br /> <br /><br />
<input type="button" onclick="showTip(1)" value="選中 radio的 “有”選項時,彈出選中值,或者 點擊 的radio的值爲1時,才彈出提示。" />
</div>
</body>
</html>