首页 > 解决方案 > 如何添加一个按钮以在 javascript 中显示结果

问题描述

用户将在输入字段中输入一个数字,然后选择其中一个单选按钮,如果他按下任何键,结果将动态显示,但我想添加一个按钮,以便用户可以单击它以查看结果

$(document).ready(function check() {
$('input').keyup(function check() {

var arg1 = parseFloat($('#in1').val());
var arg2 = parseFloat($('#in2').val());

month=f.m.value
if(month=="10")
$('#tdin1').html(parseInt(((arg1 + (((arg1 * 12) )/ 12))/ month)));
else if (month=="20")
$('#tdin1').html(parseInt(((arg1 + (((arg1 * 18) )/ 12))/ month)));
    
document.getElementById("tdin1").innerHTML = val; 

slider.oninput = function check() {
output.innerHTML = this.value;} });});

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<input type="number" id="in1"/>
    
<form name="f">  
<input type="radio" name="m" value="10" onchange="check()">    
<input type="radio" name="m" value="20" onchange="check()">  
</form>
        
<span id="tdin1"></span>

标签: javascripthtmljquerydom

解决方案


<form name="f">  
<input type="radio" name="m" value="10" onchange="check()">    
<input type="radio" name="m" value="20" onchange="check()">
<input type="button" onclick()="yourfunction()"
</form>

只需添加此输入类型 = 按钮并在单击时应用该功能即可显示结果。您需要创建一个函数并在该函数中执行操作


推荐阅读