CheckBox get value off/on with Javascript

lb3vh1jj 于 2023-03-28 发布在 Java

关注(0)|答案(1)|浏览(110)

<div class="column val" th:each="nameApp,iStat:${listAppName}">
     <div >
            <input type="checkbox" data-toggle="toggle" data-size="small"  class="Checkbox"><!--checked-->
            <label><span th:text="${nameApp.application_name}"></span></label>
     </div>
</div>

这是我的html，当我点击检查这个节目只在

$(".val").click(function(){
    var checkedValue = $('.Checkbox:checked').val();
    console.log(checkedValue);
            
});

我只想当我勾选复选框时，如果显示打开，当我不勾选复选框时，如果显示关闭

JavaScript

来源：https://stackoverflow.com/questions/75853823/checkbox-get-value-off-on-with-javascript

1条答案

按热度按时间

wqnecbli1#

您可以尝试将jQuery的.is()与Conditional (ternary) operator一起使用。
您还需要使用this关键字来指示当前单击的复选框。

演示：

$(".val").click(function(){
  //also need to use `this` keyword to indicate the currently cliked check box.
  var checkedValue = $(this).find(':checkbox').is(":checked")? 'On' : 'Off';
  console.log(checkedValue);            
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="column val" th:each="nameApp,iStat:${listAppName}">
  <div>
    <input type="checkbox" data-toggle="toggle" data-size="small"  class="Checkbox"><!--checked-->
    <label><span th:text="${nameApp.application_name}"></span></label>
  </div>
</div>

赞(0）回复(0）举报 2023-03-28

我来回答

CheckBox get value off/on with Javascript

1条答案

相关问题

热门标签

最新问答