JS-获取复选框中的内容-获取文本框中的内容

最新推荐文章于 2023-03-13 07:00:00 发布

原创最新推荐文章于 2023-03-13 07:00:00 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

java学习专栏收录该内容

110 篇文章

订阅专栏

这段JavaScript代码演示了如何获取HTML文本框中的内容。当用户点击按钮时，通过ID为'name'的输入字段的value属性，弹出一个警告框显示文本框的当前值。

<html>
<head>
<script type="text/javascript">
function getCheckBoxValue(){
window.alert("ddd");
var checkBoxes=document.getElementsByName("interest");
window.alert(checkBoxes.length);

for(var i=0;i<checkBoxes.length;i++){
var CheckBoxObj=checkBoxes[i];
window.alert(CheckBoxObj.value);
}
}
</script>
</head>
<body>
dance<input type="checkbox" name="interest" value="dance"/>
sing<input type="checkbox" name="interest" value="sing"/>
walk<input type="checkbox" name="interest" value="walk"/>
eat<input type="checkbox" name="interest" value="eat"/>
run<input type="checkbox" name="interest" value="run"/>

<input type="button" value="submit" onclick="getCheckBoxValue();"/>
</body>

</html>

<html>
<head>
<script type="text/javascript">
function getText(){
var gettext=document.getElementById("name")
window.alert(gettext.value);
}
</script>
</head>
<body>
<input type="text" id="name">
<input type="button" value="submit" onclick="getText();"/>
</body>
</html>