復選框顯示隱藏


<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@page import="com.paNews.*"%>
<!DOCTYPE html>
<html>
<head>
<title> New Document </title>
</head>

<body>
<input type="checkbox" name="fnt1" id="fnt2" onclick="exe()">復選框
<input type="checkbox" name="ft2" id="ft2" style="display:none">復選框2

<script>
function exe(){
var vals=document.getElementById("fnt2").checked;

if(vals==true){
document.getElementById("ft2").style.display = "block";;
}
if(vals==false){
document.getElementById("ft2").style.display = "none";
}
}
</script>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM