私は、ユーザーが選択できるチェックボックスに一連の書籍を用意しています。本がチェックされる度に価格が加算されます。私はまた、対応する体重を加える必要があります。 this very useful exampleを変更しましたが、役に立たないです。複数の値を持つチェックボックスを追加する
<label class="checkbox" for="Checkbox1">
<input value="50" type="checkbox" class="sum" data-toggle="checkbox"> Instagram
</label>
<label class="checkbox">
<input value="50" bweight=".4" type="checkbox" class="sum" data-toggle="checkbox"> Review site monitoring
</label>
<label class="checkbox">
<input value="30" bweight=".2" type="checkbox" class="sum" data-toggle="checkbox"> Google+
</label>
<label class="checkbox">
<input value="20" bweight=".6" type="checkbox" class="sum" data-toggle="checkbox"> LinkedIn
</label>
<div class="card-charge-info">
<span id="payment-total">0</span>
</div>
var inputs = document.getElementsByClassName('sum'),
total = document.getElementById('payment-total');
totwgt = document.getElementById('payment-w');
for (var i = 0; i < inputs.length; i++) {
inputs[i].onchange = function() {
var add = this.value * (this.checked ? 1 : -1);
var add = this.wgt * (this.checked ? 1 : -1);
total.innerHTML = parseFloat(total.innerHTML) + add
totwgt.innerHTML = parseFloat(total1.innerHTML) + add
}
}
HERESにコードhttps://jsfiddle.net/u8bsjegk/2/
の作業の実装です。私は何かが恋しいですか、私の例に間違いがありますか? –
ダウンポット・マペット!その「データセット」は機能しますか?私はそれを見ましたが、それを動作させることができませんでしたので、それを見て、それはIEでいくつかの問題があったと言いました(私はクロームで試しましたが)、それはもう少し前だったので、ブラウザ – Pete
あなたは正しく、 'dataset'はIE10以下では動作しません。古いブラウザでは 'getAttribute( 'data-weight')'を使う必要があります。 –