Question

选择单选按钮时，我正在寻找与jquery或js反应的可能性。我的html

<div class="row" id="options2">
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
        <input id="delivery" type="radio" name="option2" class="icheck">Lieferung</input>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
        <input id="takeaway" type="radio" name="option2" class="icheck">Abholung</input>
   </div>
</div>

我尝试了这种解决方案

$("input[name='option2']").change(function(){
  console.log('test');
});

还有其他方法可以实现这一目标吗？

Answer 1

您可以使用此

<div class="row" id="options2">
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
    <input id="delivery" type="radio" name="option2" value="1" class="icheck">Lieferung</input>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
    <input id="takeaway" type="radio" name="option2" value="2" class="icheck">Abholung</input>
   </div>
</div>

和

$("input[name='option2']").change(function(){
  console.log($(this).val());
});

Answer 2

嗯，我错过了模板提供的icheck，它可以正常运行以下代码。 https://github.com/fronteed/icheck

$('#delivery').on('ifChecked', function(event){
    alert(event.type + ' callback');
  });

用jQuery对单选按钮做出反应

2 个答案: