Question

我输入了一个id，我需要在检查时将其添加到id（true），并在错误时删除。

<input id="<?= $ec['id']?>" type="checkbox" value="<?= $ec['id']?>" class="category" onclick="handleClick(this)" >

 <script>
            function handleClick(cb) {
                var id= cb.id;var checked = cb.checked ;
                console.log("id is " + id + cb.checked);

                if ($('#id').is(':checked')) {
                    console.log("inside if");
                }

            }
 </script>

Answer 1

将.toggleClass()与state
一起使用

＆＃13;

function handleClick(cb) {
  $(cb).toggleClass('checked', cb.checked);
}

＆＃13;

.checked {
  border: solid #ff0000 5px;
  width: 30px;
  height: 30px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" value="100" class="category" onclick="handleClick(this)">

＆＃13;

Answer 2

你可以试试这个

function handleClick(cb) {
   var id= cb.id;
   var checked = cb.checked ;
   console.log("id is " + id + cb.checked);

   if(cb.checked) {
      $(cb).addClass('check');
   }
   else {
      $(cb).removeClass('check');
   }
}

Answer 3

function handleClick(cb) 
{
   $(cb).prop('checked') ? $(cb).addClass('checkboxSelected') : $(cb).removeClass('checkboxSelected'); 
}

如果选中的值为true，如何获取复选框选中的值并运行代码

3 个答案: