Question

Hi all iam working on jquery here i have a value in span tag i need to get that value and need to display in textbox once it is checked and if i checked multiples boxex i need to get add those values and and have to show in textbox

here my code follows:

        <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" />

could any body help to make this work thanks in advance

Answer 1

Using next method you can select the next siblings of the checkboxes.

$('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)
})