0

重複の可能性：
インラインチェックボックスajaxは数値を変更します

たとえば、次のようなhtmlがあります。

<li>
    <label class="desc">
        <font color="green">
            Want to get email ($<span id="price">50</span>/month)
        </font>
    </label>
    <input type="checkbox" checked="" id="subscribe" name="subscribe"> bla bla bla
</li>

<li>
    <label class="desc">-$30 subscribe</label>
    <input type="checkbox"  id="custom_test" name="custom_test">Please check this to add your own email
</li>

構造：

[チェックボックス]サブスクライブ（50 $ /月）text bla bla

[別のチェックボックス]自分のメールを追加するために-30ドルを提供します）

つまり、基本的に、サブスクリプションのチェックボックスとそのサブスクリプションの価格があり、その下に「オファー」の別のチェックボックスがあります。このチェックボックスをオンにすると、上記のサブスクライブの価格を-30$でインライン編集する必要があります。チェックして、そうでない場合は同じままにします。

ポップアップの2番目のチェックボックスのIDを持つスパンのIDに応じて、Ajaxまたはある種のJQuery / JS関数を使用してこれを行で編集するにはどうすればよいですか？

JSfiddle

このソリューションが機能しなかったことも確認してください。

slevon soltuion

スプリッターソリューション

Jqueryバージョン：1.6.2

よろしくお願いします！

4

2 に答える 2

1

data価格を属性に保存します。changeこのようにして、チェックボックスのハンドラーに表示される値を計算できます。

$('#custom_test').change(function(){
    if($(this).is(':checked')){
        $('#price').text($('#price').data('price') - 30);
    }else{
        $('#price').text($('#price').data('price'));
    }
});

これがデモンストレーションです：http：//jsfiddle.net/kkfJF/40/

于 2012-12-05T12:50:33.527 に答える
0 
$(function(){
    $('#custom_test').change(function(){
        if($(this).is(':checked')) 
            $('span#price').html('20');
        else
            $('span#price').html('50');
    });
});
于 2012-12-05T12:49:42.913 に答える