javascript動態改變單選按鈕radio的選中狀態

antzone發表於2017-03-17
JavaScript

有時候需要動態的改變單選按鈕的選中狀態，本章節通過例項程式碼介紹一下使用javascript如何實現此功能。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload=function(){
  var theradio=document.getElementById("theradio");
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    if(theradio.checked==true){
      theradio.checked=false;
    }else{
      theradio.checked=true;
    }
  }
}
</script> 
</head> 
<body> 
<input type="radio" id="theradio"/>
<input type="button" id="bt" value="改變狀態"/>
</body> 
</html>

相關文章