0

こんにちはすべてのiamがjqueryに取り組んでいますここで私はスパンタグに値を持っています私はその値を取得する必要があり、チェックされたらテキストボックスに表示する必要があります複数のboxexをチェックした場合はそれらの値を追加してテキストボックスに表示する必要があります

ここに私のコードは続きます：

        <input type="checkbox"  />
        <span>100</span>
        <div class="clear"></div>
        <input type="checkbox" />
        <span>200</span>
        <div class="clear"></div>
        <input type="checkbox" />
        <span>300</span>
        <div class="clear"></div>
        <input type="checkbox" />
        <span>400</span>
         <input type="text" />

どんな体もこの仕事をするのを助けることができます事前に感謝します

4

2 に答える 2

1

メソッドを使用しnextて、チェックボックスの次の兄弟を選択できます。

$('input[type=checkbox]').change(function(){
      var val = 0;
      $('input[type=checkbox]:checked').each(function(){
          val += parseInt( $(this).next().text(), 10 )    
      })  

     $('input[type=text]').val(val)
})
于 2012-11-03T08:04:06.030 に答える
1

このコードを使用して、チェックされたすべての値を収集できます。

HTMLを次のように変更した場合：

<button id="go">Test</button>
<div class="container">
    <input type="checkbox"  />
    <span>100</span>
</div>
<div class="container">
    <input type="checkbox" />
    <span>200</span>
</div>
<div class="container">
    <input type="checkbox" />
    <span>300</span>
</div>
<div class="container">
    <input type="checkbox" />
    <span>400</span>

</div>
<input id="results" type="text">​

次に、これを使用して、すべてのチェックボックスからテキストを収集できます。HTMLを変更せずにそれを行うこともできますが、これはメンテナンスの変更からはるかにクリーンで安全です。

$(document).ready(function() {
    $("#go").click(function() {
        var data = $("input:checked").map(function() {
            return $(this).closest(".container").find("span").text();
        }).get().join(", ");
        $("#results").val(data);
    });
});​

作業デモ： http： //jsfiddle.net/jfriend00/jLEDC/

于 2012-11-03T08:13:03.223 に答える