【问题标题】:jQuery .prop is not working for me I'm trying to select a checkbox on document load but it is not workingjQuery .prop 对我不起作用 我正在尝试在文档加载时选择一个复选框,但它不起作用
【发布时间】:2021-09-17 07:09:18
【问题描述】:
$(document).ready(function(){
  $('.check').each(function() {
    ${this}.prop('checked',true).checkboxradio("refresh");
    console.log($(this).attr("value"));
  });
});

我将上面的代码与 HTML 一起使用,如下所示

<input type="checkbox" class = "check" value="one">

【问题讨论】:

  • ${variable} 是什么语言?试试$(this).prop。还要检查浏览器控制台是否有错误,您可能会收到Unexpected token '{'

标签: html jquery checkbox prop


【解决方案1】:

你需要做'checked', 'checked' 这是一个示例,如果您将其放入 document.ready 中,它将检查所有带有 check 类的复选框。

$(".check").each(function (){
    $(this).prop('checked', 'checked');
});

$(document).ready(function (){

   $(".check").each(function (){
         $(this).prop('checked', 'checked');
     });
  
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-check">
    <input class="form-check-input check" type="checkbox" value="1"  id="flexCheckDefault">
    <label class="form-check-label" for="flexCheckDefault">
        Default checkbox
    </label>
</div>

【讨论】:

  • 这是最佳实践,但 ,true 也适用于 jquery .prop 检查。更新了你的小提琴:jsfiddle.net/y79qLbws
  • 如果是最好的实践,为什么要改变它?大声笑
  • 我要强调一个事实,即您已声明需要执行'checked', 'checked',而事实上您不需要需要 并且 OP 代码如果只使用 $(this) 而不是 ${ } 就可以正常工作。我已将问题投票作为错字关闭:)
  • 我试过 $(this) 但没有奏效。它适用于 $(this).prop('checked','checked');
  • ye 有时('checked', true) 不起作用,我仍然不知道为什么。很好,对你有帮助。 =)
猜你喜欢
  • 1970-01-01
  • 2020-09-03
  • 1970-01-01
  • 2022-11-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-13
相关资源
最近更新 更多