在<select>中没有出现所选的选项

时间:2019-11-29 13:28:26

标签: html django

我正在尝试在django项目中动态创建一些复选框,我正在做的是:

<form action="#" method="post" target="#">
    {% for node in Last_val_nodes %}
        <input type="checkbox" name="{{node.0}}" value="#" class="nodos_check_ruta"> {{node.0}}<br>
    {% endfor %}
</form>

Last_val_nodes是来自我的views.py的列表的列表,我对这个“子列表”的第一个值感兴趣。到目前为止,一切都很好,但是现在我想做的就是知道选择了checkbox。这就是为什么我用{{node.0}}的名字写东西的原因,因为我的js做下一个,

if( $('.nodos_check_ruta').is(':checked') ) {
    var name = $(this).attr("name");
    alert(name);
}

但是警报未定义。谁可以知道所选的复选框?如果有多个选择,我怎么知道?我要将所有选定的内容保存在列表中。

谢谢。

1 个答案:

答案 0 :(得分:0)

这是您需要阅读的内容

https://learn.jquery.com/using-jquery-core/iterating/

这样,您将遍历选中的元素

$('.nodos_check_ruta:checked').each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

这样,您将返回一个jquery元素数组

$( '.nodos_check_ruta:checked' ).map( function( index, element ) {
  return element;
}).get();