gpt4 book ai didi

javascript - Jquery将文本框中的值与按钮​​相乘

转载 作者:行者123 更新时间:2023-11-28 14:55:33 25 4
gpt4 key购买 nike

我需要能够获取输入框中的内容并进行乘法或除法。

我所拥有的是从跨度中获取值,但这不是我想要的

即使我在那里硬编码 500,它也不起作用。我知道我错过了一些简单的东西,但找不到它这是我在 jfiddle jsfiddle 上的内容

<?php
$wager="500";
?>

Wager: $<span id="wager"><?php echo $wager; ?></span>
<br> Total
<input type="text" id="count" value="<?php echo $wager; ?>">
<input type="button" data-quantity=".5" value="/&#x00A;2">
<input type="button" data-quantity="2" class="mnozstvi_sleva" value="x&#x00A;2">
<br>

然后这个 JavaScript

$('input:button').click(function() {
$('#count').val($(this).data('quantity') * $('#wager').text());
});

编辑:如果我将值设置为与跨度相同,它将起作用...我希望能够在 boz 中输入任何内容并对其进行乘法/除法。

第二次编辑,这是我现在页面中的内容,但它不起作用

 <html>
<head>

</head>
<body>
<input type="number" id="count" style="height:25px; width:100px" name="wager" value="" min="00.25" max="25" step="00.25" numberFormat="1.00">
<input type="button" data-quantity=".5" value="/&#x00A;2">
<input type="button" data-quantity="2" class="mnozstvi_sleva" value="x&#x00A;2">
<br>

<script>
$('input:button').click(function(){
$('#count').val($(this).data('quantity') * $('#count').val());
});
</script>

</body>
</html>

最佳答案

看起来这可行。确保在元素在页面中可用后绑定(bind)事件。这是通过在 DOM 准备好后执行 JavaScript 来完成的:

jQuery(document).ready(function($) {
$('input:button').click(function() {
var $count = $('#count');
$count.val( $(this).data('quantity') * $count.val() );
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="count" style="height:25px; width:100px" name="wager" value="" min="00.25" max="25" step="00.25" numberFormat="1.00">
<input type="button" data-quantity=".5" value="/&#x00A;2">
<input type="button" data-quantity="2" class="mnozstvi_sleva" value="x&#x00A;2">

关于javascript - Jquery将文本框中的值与按钮​​相乘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43037448/

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