基于复选框类的单击功能不起作用

时间:2015-05-20 05:32:35

标签: javascript jquery html checkbox

我试图找出在一组复选框中选中的复选框并读取其值。

以下是复选框格式

class="brand_name"

我尝试过给出类名,但它没有用。我将类名称设为$('.brand_name').click(function () { console.log("click worked") }); 并尝试通过jquery单击函数

进行读取
float[] cameraSceneCoordinates = 
             camera.getCameraSceneCoordinatesFromSceneCoordinates(mainEntity.getX(),
                                                                  mainEntity.getY());

但它没有用。有人可以建议我这样做。

4 个答案:

答案 0 :(得分:1)

您正在click而不是div上应用checkboxes事件处理程序

$('.brand_select').on('click', ':checkbox', function() {
    alert($(this).is(':checked'));
});

获取所有选中值的列表:

$('.brand_select').on('click', ':checkbox', function() {

    var checkedEl = [];
    $('.brand_name :checkbox').each(function () {
        if ($(this).is(':checked')) {
            checkedEl.push($(this).val());
        }
    });

    console.log('Checked values');
    console.log(checkedEl);
});

答案 1 :(得分:0)

$('input[type="checkbox"]').on('click',function () {
    if(this.checked){
        alert($(this).val());
    }else{
       // ......... 
    }
})

答案 2 :(得分:0)

将类添加到输入元素并更改字段的名称,以便将它们用作数组 -

<input type="checkbox"  name="term[]" value="2" class="brand_name"/>

答案 3 :(得分:0)

这是一个可能的解决方案:

$('input[name="term"]').on('change', function(){
  alert($(this).val());
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="panel-body smoothscroll maxheight300 brand_select">
          <div class="block-element">
            <label>
              <input type="checkbox"  name="term" value="0"  />
              Armani </label>
          </div>
          <div class="block-element">
            <label>
              <input type="checkbox"  name="term" value="1" />
              Gucci </label>
          </div>
          <div class="block-element">
            <label>
              <input type="checkbox"  name="term" value="2" />
              Louis Vuitton </label>
          </div>
</div>