本文介绍了一个简单的HTML页面如何通过JavaScript实现与用户的交互功能，包括弹窗对话框及表单元素的选择操作。通过示例代码展示了如何使用JavaScript处理HTML中的按钮点击事件，并在弹出窗口中进行数据收集。
b.htm
<TEXTAREA id="content" name="content" cols="50" rows="5"></TEXTAREA>
<INPUT type="button" onclick="window.showModalDialog('a.htm',content,'');" value="Test">
a.htm
<html>
<script language="javascript">
function closeWin()
{
var retValue = "";
for(i=0;i<chkBox.length;i++)
{
if(chkBox[i].checked)
retValue += chkBox[i].value + " ";
}
window.dialogArguments.value = retValue;
window.close();
}
</script>
<body>
<input type="checkbox" id="chkBox" value="ABC">ABC<BR>
<input type="checkbox" id="chkBox" value="DEF">DEF<BR>
<input type="checkbox" id="chkBox" value="GHI">GHI<BR>
<input type="button" value="ok" onclick="closeWin();">
</body>
</html>
</html>
<TEXTAREA id="content" name="content" cols="50" rows="5"></TEXTAREA>
<INPUT type="button" onclick="window.showModalDialog('a.htm',content,'');" value="Test">
a.htm
<html>
<script language="javascript">
function closeWin()
{
var retValue = "";
for(i=0;i<chkBox.length;i++)
{
if(chkBox[i].checked)
retValue += chkBox[i].value + " ";
}
window.dialogArguments.value = retValue;
window.close();
}
</script>
<body>
<input type="checkbox" id="chkBox" value="ABC">ABC<BR>
<input type="checkbox" id="chkBox" value="DEF">DEF<BR>
<input type="checkbox" id="chkBox" value="GHI">GHI<BR>
<input type="button" value="ok" onclick="closeWin();">
</body>
</html>
</html>
扫一扫
381
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
