»
Tiếng AnhTiếng PhápTiếng Việt

In - Bật/tắt thông tin phụ - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Ô chọn » Bật/tắt thông tin phụ
URL: https://www.javascriptbank.com/toggle-additional-info.html

Bật/tắt thông tin phụ © JavaScriptBank.comMột đoạn mã đơn giản cho phép người dùng hiển thị các thông tin phụ dựa vào sự chọn lựa các tùy chọn đánh dấu.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Ô chọn » Bật/tắt thông tin phụ
URL: https://www.javascriptbank.com/toggle-additional-info.html



JavaScript
<script type="text/javascript"><!--// Created by Anonymous - http://javascript.internet.com/function toggleMe(obj, a){  var e=document.getElementById(a);  if(!e)return true;    e.style.display="block"  return true;}function toggleMe2(obj, a){  var e=document.getElementById(a);  if(!e)return true;    e.style.display="none"  return true;}//--></script>


HTML
<form name="theForm">  Are you married?<br>  <input name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')" type="radio" checked> Yes  <input name="married" value="no" onclick="return toggleMe2(this, 'marriedInfo')" type="radio"> No<br>  <div id="marriedInfo" style="display: block; margin-left: 20px;">    <table>      <tbody><tr>        <td>Spouse's name:</td>        <td style="text-align: right;"><input name="name" type="text"></td>      </tr><tr>        <td>Spouse's Date of Birth:</td>        <td style="text-align: right;"><input name="bday" type="text"></td>      </tr><tr>        <td>Spouse's Birth Place:</td>        <td style="text-align: right;"><input name="bplace" type="text"></td>      </tr>    </tbody></table>  </div></form>