js小结

最新推荐文章于 2023-12-12 19:14:00 发布

原创最新推荐文章于 2023-12-12 19:14:00 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #button #function #html #div

java 专栏收录该内容

27 篇文章

订阅专栏

此博客展示了一段HTML代码，包含JavaScript函数。通过点击按钮触发sub函数，该函数会获取单选框状态，根据选中值控制div元素的可见性，若选中值为1则显示隐藏的输入框。

<html>
<script>
function sub(){
    alert(document.all.test.length);
    var temp;
    for(var i = 0 ; i < document.all.test.length; i++){
    if(document.all.test[i].checked == true){
      temp = document.all.test[i].value;
    }
    }
    alert(document.all.ddlDiv.style.visibility);
    if(temp == 1){
    document.all.ddlDiv.style.visibility='visible';
    }
}
</script>
<body>
<form>
<input type = "radio" name = "test" id = "dd" value = 1 >dd
<input type = "radio" name = "test" value = 0>cc
<div id = "ddlDiv" style="visibility:hidden">
<input type="text" name = "dd">
</div>
<input type = "button" name = "dd" onclick = "sub()" value="try!">
</form>
</body>
</html>