Je travaille sur un projet asp.net dans lequel j’ai une checkboxlist que j’ai liée en utilisant
DataTable dt = new Process_Hotels().SelectAllFacilty(); if (dt.Rows.Count > 0) { cblHotelFacility.DataSource = dt; cblHotelFacility.DataTextField = "Facility"; cblHotelFacility.DataValueField = "ID"; cblHotelFacility.DataBind(); foreach (ListItem li in cblHotelFacility.Items) { li.Atsortingbutes.Add("JSvalue", li.Value); } }
et maintenant je veux obtenir la valeur sélectionnée ID de checkboxlist en utilisant javascript sur le bouton click.Pour avoir le code javascript suivant sur le bouton click:
function test() { var checkList1 = document.getElementById(''); var checkBoxList1 = checkList1.getElementsByTagName("input"); var checkBoxSelectedItems1 = new Array(); for (var i = 0; i < checkBoxList1.length; i++) { if (checkBoxList1[i].checked) { checkBoxSelectedItems1.push(checkBoxList1[i].value); //alert('checked:' + checkBoxSelectedItems1.push(checkBoxList1[i].getAttribute("JSvalue")).value); alert('checked - : ' + checkBoxList1[i].value) } } }
mais en cliquant sur le bouton, la liste de cases à cocher sélectionnée affiche 0. Je souhaite obtenir l’ID des éléments sélectionnés dans la liste de cases à cocher.Veuillez obtenir de l’aide.
Essaye ça :
Essayez le débogage
for (var i = 0; i < checkBoxList1.length; i++) { console.log(checkBoxList1[i]) if (checkBoxList1[i].checked) { checkBoxSelectedItems1.push(checkBoxList1[i].value); //alert('checked:' + checkBoxSelectedItems1.push(checkBoxList1[i].getAttribute("JSvalue")).value); alert('checked - : ' + checkBoxList1[i].value) } }
Vérifiez si id console.log () vous donne des informations sur l’object en appuyant sur F12 dans la fenêtre de la console. Installez le plugin Firebug pour Firefox.
Je suis nouveau en javascript
que ce code vous aide
function CheckBoxCheckOrNot(jobskill) { var c = document.getElementById(jobskill).getElementsByTagName('input'); for (var i = 0; i < c.length; i++) { if (c[i].type == 'checkbox') { if (c[i].checked) { alert('checkbox checked'); } else { alert('checkbox unchecked'); } } }
}
Remarque: jobskill est un identifiant de conteneur qui contient toutes les cases à cocher.