英文:
Django get id of the selected checkbox on CheckboxSelectMultiple widget in Javascript
问题
I have checkboxes in Django from a form:
testrever = forms.MultipleChoiceField(required=False, widget=forms.widgets.CheckboxSelectMultiple())
I would like to return only the ID (and then the value) of the last selected checkbox on .change event only when it's checked (when it's unchecked I don't want anything to happen).
I managed to do so with the following (thanks to this answer):
$('#id_testrever_0').on("change", function() {var testrever =[];var a = $("#id_email").val();if ($('#id_testrever_0').is(':checked')) {testrever = $('#id_testrever_0').val();$("input[name=email]").val(a + testrever);}});$('#id_testrever_1').on("change", function() {var testrever =[];var a = $("#id_email").val();if ($('#id_testrever_1').is(':checked')) {testrever = $('#id_testrever_1').val();$("input[name=email]").val(a + testrever);}});
But I would like to achieve it in a more elegant way to minimize the code length and avoid the repetitions, maybe by using:
$("input:checkbox[name=testrever]").on("change", function() {$("input:checkbox[name=testrever]:checked").each(function() {// Your code here});});
if it's possible.
英文:
I have checkboxes in Django from a form :
testrever = forms.MultipleChoiceField(required=False,widget=forms.widgets.CheckboxSelectMultiple())
I would like to return only the ID (and then the value) of the last selected checkbox on .change event only when it's checked (when it's unchecked I don't want anything to happen).
I managed to do so with the following (thanks to this answer) :
$('#id_testrever_0').on("change", function() {var testrever =[]var a = $("#id_email").val();if ($('#id_testrever_0').is(':checked')) {testrever = $('#id_testrever_0').val();$("input[name=email]").val(a + testrever)}})$('#id_testrever_1').on("change", function() {var testrever =[]var a = $("#id_email").val();if ($('#id_testrever_1').is(':checked')) {testrever = $('#id_testrever_1').val();$("input[name=email]").val(a + testrever)}})
But I would like to achieve it in a more elegant way to minimise the code lenght and avoid the repetitions.
maybe by using
$("input:checkbox[name=testrever]").on("change", function()$("input:checkbox[name=testrever]:checked").each(function()
if it's possible.
答案1
得分: 1
我不完全确定我是否完全理解你想要的内容。但如果你想要将 #id_email 的值与选中的复选框的值追加在一起，你可以使用以下代码：
$('$id_testrever input:checkbox').on('change', function() {if(this.checked) {const element = $('$id_email');element.val(element.val() + this.value);}});
英文:
I'm not entirely convinced I I fully understand what you want. But if you want to append the value of #id_email with the value of the checkbox checked, you can use:
$('#id_testrever input:checkbox').on('change', function() {if(this.checked) {const element = $('#id_email');element.val(element.val() + this.value);}});
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论