javascript - 复选框在触摸屏笔记本电脑上不起作用

Question

我有这样的复选框

<div class="icheck" style="margin-top: 5px !important;">
   <input type="checkbox"
   name="param_{{ $item->id }}"
   d="param_{{ $item->id }}"
   value="1"
   class="checkListItem"
   @if ($item->value == 1) checked @endif> 
</div>

选中时将值设置为 1，否则设置为 0

$('body')
   .on('ifChecked', '.checkListItem', function(){
   $(this).val(1);
})

   .on('ifUnchecked', '.checkListItem', function(){
   $(this).val(0);
);

如果计算机不是触摸屏，它在手机和计算机上运行良好。在触摸屏计算机(Linux 除外)上，它不会选中该复选框。

我尝试了 click tap 事件，但它不起作用

$('.checkListItem').on('click tap', function(e){
    console.log("works");
    e.preventDefault();
});

我有点迷路了。更重要的是，因为它可以在装有 Linux 的触摸屏计算机上运行。可能是什么问题呢？如何使 input type="checkbox"在触摸屏计算机上工作？

谢谢!

Answer 1

$('.radiogroup').on('click touchend',function(){
 console.log("works");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="radiog" id="male" class="radiogroup" checked> Male
<input type="radio" name="radiog" id="femail" class="radiogroup"> Female

尝试触摸设备的Touchstart或touchend

$('.checkListItem').on('click touchstart touchend', function(e){
    console.log("works");
    e.preventDefault();
});