如何在复选框中选中某个选项时显示选择标记中显示的标签? html选择标记从已选中的复选框更改
复选框输入
type="checkbox"
class="toggle-product pull-right" @if(!isset($restrictedProductIds[$p->id])) checked
@endif
data-url="{{route('image.settings.product.toggle',[$account,$album,$image,$p])}}">
选择标签
{{$image->default_product_id}}
@foreach($validProducts as $product)
@if(!isset($restrictedProductIds[$product->id]))
{{$product->getTranslatedName()}}
@endif
@endforeach
类.toggle产品
$(".toggle-product").on('click', function() {
var checked = $(this).is(':checked');
var $status = $(this).parents(".list-group-item");
$status.addClass('list-group-item-warning');
$.post($(this).data('url'), {
'enabled': checked ? 1 : 0,
'_token': "{{csrf_token()}}"
}, function (response) {
$status.removeClass('list-group-item-warning');
//location.reload();
}.bind(this))
});
+0
在选择选项的变化意味着在复选框中的那些相关选项将被检查吗? –
+0
选项和相应复选框之间的连接是什么? –
+0
@rahul_m是的,我希望从选中的复选框中实时选择选项显示,无需刷新。 –