簡體   English   中英

jQuery如果選中一個或多個復選框,則更改變量

[英]Jquery if checkbox or multiple checkboxes are checked change a variable

因此,我在這里有這個功能,應該計算字數並顯示“價格”,而價格應由1個復選框還是兩個復選框確定。 因此,例如,如果用戶檢查了NTV那么我希望x = 4 ,如果他檢查了STS那么我希望x = 2 ,如果兩者都允許,則顯示確定的價格(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 />
$(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 = ;

        $.each(wordCounts, function(k, v) {
            finalCount += v*x;
        });
        $('#finalcount').val(finalCount)
    }).keyup();
});

演示

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');
    });
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM