【问题标题】:Checkbox code not showing checked but it change the checked value复选框代码未显示选中,但它更改了选中的值
【发布时间】:2018-10-12 20:29:51
【问题描述】:

您好,我一直在努力解决这个问题。我需要加载一个复选框的状态,所以我实现了下一个代码:

$rowannex.find('.first').prop( "checked", true);
$rowannex.find('.second').attr("disabled", true);
$rowannex.find('.print').prop("checked",true);
<td class="text-center">{!! Form::radio('first', '1', false, array('class'=>'first')) !!}</td>
<td class="text-center">{!! Form::checkbox('second_costocultivoagricola_tabla_anexos', '1', false, array('class'=>'second')) !!}</td>
<td class="text-center">{!! Form::checkbox('print_costocultivoagricola_tabla_anexos', '1', false, array('class'=>'print', 'disabled')) !!}</td>

问题是 .prop 正在工作,它将 .first 更改为已选中,将 .second 更改为禁用,然后更改为已选中 .print 但此未显示为已选中。

如您所见,我正在使用 laravel 和 JQuery,而对于 css,我正在使用 bootstrap。我在 Chrome、Safari 和 Opera 中尝试没有任何更改。我也尝试 .attr 仍然是同样的问题。抱歉,英语不是我的第一语言,希望有人知道问题所在,谢谢!

【问题讨论】:

  • 你能澄清一下“我需要加载状态复选框”吗?
  • 当然,我需要根据数据库中存储的值将其设置为选中或不选中
  • 当您尝试将 .print 更改为选中时,它是否被禁用?如果是这样,您是否尝试过此逻辑而不禁用它?
  • 就像@Taplar 已经说过的那样,如果您想更改状态,请将 disabled 更改为 readonly
  • @Taplar 我需要默认禁用它,但我也尝试从代码中启用它,然后将其更改为选中状态。结果是输入启用,其属性检查为 true,但未显示为选中

标签: javascript jquery html checkbox


【解决方案1】:

最终我发现问题在于另一个 .js 重新加载了元素,所以我将我的函数更改为这个文件并且它可以工作。毕竟这真的很简单。

【讨论】:

    猜你喜欢
    • 2013-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-06
    • 1970-01-01
    • 1970-01-01
    • 2014-08-10
    • 2017-10-18
    相关资源
    最近更新 更多