Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在“总计”框中显示单选按钮计算?_Javascript_Html - Fatal编程技术网

Javascript 在“总计”框中显示单选按钮计算?

Javascript 在“总计”框中显示单选按钮计算?,javascript,html,Javascript,Html,如果用户单击数据价格为5.99的单选按钮,则价格将显示在“总计”框中,但如果用户单击“免费”单选按钮,则不会显示任何内容,我怎么能做到这一点 var radio=document.querySelectorinput[name=deliveryType]; 对于var i=0;i

如果用户单击数据价格为5.99的单选按钮,则价格将显示在“总计”框中,但如果用户单击“免费”单选按钮,则不会显示任何内容,我怎么能做到这一点

var radio=document.querySelectorinput[name=deliveryType]; 对于var i=0;i 家庭住址-£;5.99 |从售票处收取-不收费

总成本 全部的 使用和,这很容易:

让total=document.querySelectorinput[name='total']; //在两个单选按钮的祖先上设置事件侦听器 document.getElementByIdcollection.addEventListenerclick,functionevent{ //在此处触发事件时,请检查event.target以查看哪个元素 //实际上触发了这一事件。 ifevent.target.value==home{ //使用dataset API访问data-*属性。 total.value=event.target.dataset.price; }否则{ 总值=; } }; 集合h1,检查成本h1{字体大小:1.9em;} 收集方法 请选择您是否希望将所选活动门票发送至您的家庭地址(收取费用),或者您是否希望自己收取门票

家庭住址-£;5.99 | 从售票处收取-不收费

总成本 全部的 给你

函数updateTotalele{ document.getElementByIdtotal.value=ele.value; } 家庭住址-£;5.99 从售票处收取-不收费
现在是2020年,而不是1996年。我并不真的喜欢它们,但为了让新开发人员更简单,我在这里使用了它。我们今天仍然看到这种糟糕的语法的原因是,人们认为它非常简单易学,而且他们从来都不知道表单有多糟糕。让我们不要仅仅因为代码看起来容易学就教别人坏代码。让我们教新手正确的编码方法。正如您将从链接的帖子中看到的,不应该使用这种语法有非常真实的原因。曾经。我看过你的帖子,甚至读过链接到它的MDN文档。你的观点是正确的,但我仍然认为你应该学习所有可能的方法。也许你会忘记一些旧的方式,但像这样的一件普通的事情至少应该是最不为人所知的。它如此普遍的原因是因为它仍然被复制/粘贴,并展示给人们,而不了解它的实际用途。如果人们对它进行教育,它就永远不会被使用。帮自己和他人一个忙,忘记这种方法的存在。