Ich habe ein paar Zeit Code gefunden, wie Sie eine Auswahlliste mit Kontrollkästchen einrichten. Ich weiß nicht, wo ich die Lösung habe, aber hier ist es: < /p>
Erstellen Sie den folgenden Stil ... < /p>
.multiselect {
width:20em;
height:14em;
border:solid 1px #c0c0c0;
overflow:auto;
}
.multiselect label {
display:block;
}
.multiselect-on {
color:#ffffff;
background-color:#1E90FF;
}
< /code>
Hier ist das HTML < /p>
Fred
George
Mary
< /code>
Und hier ist ein JavaScript, das beim Laden der Seite mit der Komponente zu interagieren scheint, da die Variablen -CheckedValues eine Liste der Werte für die geprüften Elemente zurückgibt: < /p>
var checkedValues = [];
jQuery.fn.multiselect = function () {
$(this).each(function () {
var checkboxes = $(this).find("input:checkbox");
checkboxes.each(function () {
var checkbox = $(this);
const value = $(this).val();
// Highlight pre-selected checkboxes
if (checkbox.prop("checked")) {
checkedValues.push(value);
}
// Highlight checkboxes that the user selects
checkbox.click(function () {
if (checkbox.prop("checked")) {
checkedValues.push(value);
}
else {
const index = checkedValues.indexOf(value);
if (index > -1) {
checkedValues.splice(index, 1);
}
};
});
});
});
};
$(function () {
$(".multiselect").multiselect();
});
< /code>
Ich bin nur ein Anfänger mit JavaScript. Ich möchte die Liste der vom Benutzer ausgewählten Werte entweder über C# Code direkt oder ein verstecktes Steuerelement mit der Liste der Werte festlegen. (Ich habe dies mit einer ausgewählten Liste getan, aber ich wollte es dem Benutzer erleichtern, keine zusätzliche Schlüssel zu halten, um seine Auswahlmöglichkeiten auszuwählen/auszuwählen.)
Das Erhalten des Kontrollkästchenwerts aus der Auswahlliste mit Kontrollkästchen ⇐ C#
-
- Similar Topics
- Replies
- Views
- Last post