Javascript Laravel-引导数据表(yajra)中的单选按钮
这是我的设想: 我在bootstrap datatable的列中使用单选按钮,包括另一个部分视图,该部分包含以下代码:Javascript Laravel-引导数据表(yajra)中的单选按钮,javascript,jquery,laravel,datatables,Javascript,Jquery,Laravel,Datatables,这是我的设想: 我在bootstrap datatable的列中使用单选按钮,包括另一个部分视图,该部分包含以下代码: <input type="radio" name="shipping_address_id" value="{{$shippingAddress->id}}" {!! $shippingAddress->default?'checked="checked"':''!!} /> 当$shippingAddress->default为fal
<input type="radio" name="shipping_address_id"
value="{{$shippingAddress->id}}" {!! $shippingAddress->default?'checked="checked"':''!!} />
当$shippingAddress->default为false时,它的呈现方式如下:
<input type="radio" name="shipping_address_id" value="8">
即使在重新加载表时(我尝试以这种方式使用重新加载回调函数):
选中的单选按钮不是真正选中的。我怀疑您有单选按钮阵列和
$('input[name=shipping_address_id]').prop("checked", true);
正在检查所有这些。如果有多个同名单选按钮,且所有按钮都选中,则最后选中的一个按钮显示为选中,而其他按钮则不显示。您可能需要筛选以找到具有正确id的复选框,然后可能需要选中它。此问题是这一行:
$("input[name=shipping_address_id]").prop("checked", true);
您正在引用名称为shipping\u address\u id
的所有输入,因此您也在检查名称为shipping\u address\u id
的所有输入
如果您只想检查一个输入,那么可以使用其(唯一)id/类引用该输入
如果输入具有id,则使用:
$("input#id-of-your-input").prop("checked", true);
$("input.class-of-your-input").prop("checked", true);
如果输入有类,则使用:
$("input#id-of-your-input").prop("checked", true);
$("input.class-of-your-input").prop("checked", true);
注意:如果另一个元素与该输入具有相同的类名,则该元素也将被检查
祝你好运,万事如意。你在哪里以及怎样做
dt.reload()
call?听起来像是在客户端javascript中完成的。如果是这样的话,您不应该传递回调来更新已经提供的html吗?Laravel负责初始渲染,它不知道在客户端javascript中运行的函数。@johnny我是否更新了添加细节的问题扫描你提供了一个小提琴?你说的“它没有真正检查”是什么意思?属性已设置,但未显示选中标记?或者你看到它被选中了,但是JS返回false?我更新了问题并修复了代码添加“:checked”
$("input#id-of-your-input").prop("checked", true);
$("input.class-of-your-input").prop("checked", true);