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
Mộ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
<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><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>