Question

如何从包含多个值的复选框提交数据？

我有一个Checkbox的以下数据：

- amount 
- name  
- checkbox (checked yes or no)

这是我的复选框代码：

<input id="recipe_details-ingredient-6" name="ingredient[]" type="checkbox" value="6">

选中复选框后，我将值（id）提交给控制器，这很好，但是如何将此特定ID的“名称”，“数量”属性传输到控制器中？

这只是一个愚蠢的问题，但我忘记了！对不起：P

Answer 1

您可以将它们存储在HTML5数据属性中，例如，采用以下格式的数据名称：

<input id="{{$ingredient}}" name="ingredient[]" type="checkbox" value="{{$ingredient}}" data-name="{{name}}" style="display:inline-block;">

您只需在jQuery中调用.data（）方法即可访问该名称，即

$('input').data('name').

修改

<input id="recipe_details-ingredient-6" name="ingredient[]" type="checkbox" value="{{$ingredient}}" data-name="{{name}}" style="display:inline-block;">

$(document).ready(function(){
    $("#recipe_details-ingredient-6").change(function(){
        $(this).val(); //get a val
        console.log($(this).attr('name')); //get a value of name attribute
    });
});

HTML - 包含其他隐藏值的复选框

1 个答案: