js给文本框赋值.html

最新推荐文章于 2023-11-02 11:41:46 发布

原创最新推荐文章于 2023-11-02 11:41:46 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

js效果专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript来生成由用户选择的年、月、日组成的URI字符串。通过勾选相应的复选框，用户可以决定是否将年、月、日包含在最终的URI中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<script type="text/javascript">

function getUri(){

var uri='';
alert(document.getElementById("Y").checked);
if (document.getElementById("Y").checked){
uri=document.getElementById("Y").value;
}
if (document.getElementById("M").checked){
if (uri==''){
uri=uri+document.getElementById("M").value;
}else{
uri=uri+"/"+document.getElementById("M").value;
}

}
if (document.getElementById("D").checked){
if (uri==''){
uri=uri+document.getElementById("D").value;
}else{
uri=uri+"/"+document.getElementById("D").value;
}
}
document.getElementById("test").value=uri;
}
</script>
</head>

<body>
<input type="checkbox" id="Y" name="Y" value="YYYY" onclick="getUri()"/>年
<input type="checkbox" id="M" name="M" value="MM" onclick="getUri()"/> 月
<input type="checkbox" id="D" name="D" value="DD" onclick="getUri()"/> 日

<input type="text" id="test" name="test" >

<div style="background-color:#B5D5FB; width:300px; height:400px;"></div>
</body>
</html>