gpt4 book ai didi

javascript - 为什么我的脚本不更改 HTML 中的文本?

转载 作者:行者123 更新时间:2023-11-28 21:05:18 26 4
gpt4 key购买 nike

我有以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
body {background-color:Gray;}
body {text-align:left;}
</style>

<title>My First Project</title>
</head>
<body>
<form>
<table border="1" align="center">
<u><h5>Size</h5></u>
<tr><td><input type="radio" name="size" id="small" />Small</td></tr>
<tr><td><input type="radio" name="size" id="medium" />Medium</td></tr>
<tr><td><input type="radio" name="size" id="large" />Large</td></tr>
</table>
<br />


<script type="text/javascript">
if (document.getElementById('small').checked) {
document.getElementById('total').innerHTML = '$1.00';
}
else {
}
</script>
<div id="total">$0.00</div>
</form>
</body>
</html>

当选中 id 小的单选按钮时,我希望脚本将 div Total 内的文本更改为 $1.00 而不是 $0.00。但是,当我选择它时,什么也没有发生。我错过了什么?

最佳答案

你必须在某个事件上调用一个函数——JS 基本上是在事件上运行的!

<input type="radio" name="size" id="small" onclick="yourFxn()" />Small</td>

在你的脚本中

function yourFxn(){
if (document.getElementById('small').checked) {
document.getElementById('total').innerHTML = '$1.00';
}
else {
}
}

关于javascript - 为什么我的脚本不更改 HTML 中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10019070/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com