Как получить значение следующего элемента span с классом, когда используется iCheck-helper?

Question

Мне нужно получить следующее значение элемента span в соответствии с именем класса, когда iCheck-helper используется с использованием bootstrap и jQuery.Я предоставляю свой код ниже.

$(".price-efect").on('ifChanged', function(event) {
  $("input[name='vehicleprice']").val(
    $("input[name='sVehicle']:checked").nextAll(".badge").text()
  );
  console.log('price1', $("input[name='sVehicle']:checked").nextAll(".badge").text());
})

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/all.css" />
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/blue.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<div class="col-md-3 tourpricecolumn">
  <h6>Select Vehicle</h6>
  <label class="radio">
        <input type="radio" name="sVehicle" class="price-efect">
        <span class="checkround"></span>Car &nbsp;
        <span class="badge badge-pill badge-primary">435</span>
      </label>
  <div class="clear"></div>
  <label class="radio">
        <input type="radio" name="sVehicle" class="price-efect">
        <span class="checkround"></span>Bus &nbsp;
        <span class="badge badge-pill badge-primary">356</span>
      </label>
  <div class="clear"></div>
  <input type="hidden" value="" name="vehicleprice" />
</div>

Здесь мне нужно получить значение следующего элемента span, класс которого = badge.Я так и сделал, но не смог получить никакого результата.

Answer 1

Создана необходимая скрипка.Дайте мне знать, если это работает для вас.

$(".price-efect").on('change', function(event) {
        var selectedbadgeprice = $("input[name='sVehicle']:checked").nextAll(".badge").text();
        var unselectedbadgeprice = $("input[name='sVehicle']").not(':checked').nextAll(".badge").text();
        alert("selectedbadgeprice : " + selectedbadgeprice);
        alert("unselectedbadgeprice : " + unselectedbadgeprice);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="col-md-3 tourpricecolumn">
        <h6>Select Vehicle</h6>
        <label class="radio">
            <input type="radio" name="sVehicle" class="price-efect">
            <span class="checkround"></span>Car &nbsp;
            <span class="badge badge-pill badge-primary">435</span>
        </label>
        <div class="clear"></div>
        <label class="radio">
            <input type="radio" name="sVehicle" class="price-efect">
            <span class="checkround"></span>Bus &nbsp;
            <span class="badge badge-pill badge-primary">356</span>
        </label>
        <div class="clear"></div>
        <input type="hidden" value="" name="vehicleprice" />
    </div>

https://jsfiddle.net/qy4h7evz/