如果选中复选框或多个复选框,则Jquery更改变量

时间:2013-08-31 14:04:09

标签: javascript jquery if-statement checkbox selection

所以我在这里有这个,这应该计算单词并显示“价格”,价格应该由是否选中1个或两个复选框来确定。因此,例如,如果用户选中了NTV,那么我想要x = 4,如果他选中了STS,那么我想要x = 2,如果两者都显示确定的价格{{ 1}}。

我似乎也无法让输入框与Cyrillic输入一起工作,对不起,如果有些事情没有意义我不是母语为英语的人

(x * 2) + (x * 4)
<input type='checkbox' value='ntv' name='v'> STS<br/>
<input type='checkbox' value='sts' name='v'> NTV<br/>
<input class="input1" style="width:350px;" type="text" lang="ru-RU" name="Text_send" id="Text">
<input id="finalcount" value="0" disabled />

1 个答案:

答案 0 :(得分:1)

DEMO

<强> HTML

<input type='checkbox' value='2' name='v'>STS
<input type='checkbox' value='4' name='v'>NTV

<强> JS

$(function () {
    var wordCounts = {};
    $("input[type='text']:not(:disabled)").keyup(function () {
        var matches = this.value.match(/\b/g);
        wordCounts[this.id] = matches ? matches.length / 2 : 0;
        var finalCount = 0;
        var x = 0;
        $('input:checkbox:checked').each(function () {
            x += parseInt(this.value);
        });
        x = (x == 0) ? 1 : x;
        $.each(wordCounts, function (k, v) {
            finalCount += v * x;
        });
        $('#finalcount').val(finalCount)
    }).keyup();
    $('input:checkbox').change(function () {
        $('input[type="text"]:not(:disabled)').trigger('keyup');
    });
});