Question

我有一个问题。

这是我的按钮：

$balance = "3";
    <button type="submit" type=tex name="log" class="btn btn-primary">Ticket kaufen! Je mehr, desto mehr Chance habt ihr zu gewinnen!</button>

所以，我的问题是：

如果用户没有足够的钱，我希望该按钮被禁用！

有可能吗？用Javascript还是JQuery？

抱歉我的英文！我希望你能帮助我！

由于

编辑：

我累了！：

    $balance = "3";
        <button type="submit" type=tex name="log" class="btn btn-primary">Ticket kaufen! Je mehr, desto mehr Chance habt ihr zu gewinnen!</button>

<script>
$('button').attr('1838383', $balance)

if ($('button').attr('193939') < COSTOFITEM) {
 $('button').hide()
}
</script>

但这不起作用

Answer 1

您可以使用jquery的prop功能启用和禁用该按钮。

您可以为按钮创建id。并在$balance不超过一定金额时禁用它。

按照以下代码，这可能会得到你想要的。

<强> HTML：

<button id="submitButton" type="submit" type=tex name="log" class="btn btn-primary">Ticket kaufen! Je mehr, desto mehr Chance habt ihr zu gewinnen!</button>

JS：

if($balance < COST)
{
    $("#submitButton").prop("disabled",true);
}
else
{
    $("#submitButton").prop("disabled",false);
}

希望这有帮助。

Answer 2

我假设你正在使用bootstrap。

我假设你有一个输入字段，用户可以输入一个数字值，当它变得少于3美元时，按钮必须被禁用。

您需要为输入字段添加事件处理程序，以便每次用户更改值时都必须执行测试才能启用或禁用该按钮。

我尝试用片段解释如何获得此结果：

// when the document is loaded
$(function () {
  
  // every time the user change the input value
  $('#balance').on('input', function (e) {

    // set the property disabled of the button:
    //
    // 'button[name="log"]': means select a button with the
    // attribute name equal to the string log
    //
    //(+this.value < 3): means: translate the input value to
    // a number and test if it is less then 3
    //
    $('button[name="log"]').prop('disabled', (+this.value < 3));
  })
});

<!--
include the jquery and bootstrap 
-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<!-- I assume you have a form like...  -->
<form action="#">
    <div class="form-actions">
        <div class="input-group">
            <span class="input-group-addon">$</span>
            <input type="number" value="1000" class="form-control currency" id="balance"/>
        </div>
        <button type="submit" name="log" class="btn btn-primary">Ticket kaufen! Je mehr, desto mehr Chance habt ihr zu
            gewinnen!
        </button>
    </div>
</form>

如果没有足够的钱禁用按钮？

2 个答案: