Я новичок здесь, я сгенерировал 5 изображений из массива. Теперь я хочу выбрать эти изображения по мере выбора с помощью флажка (значит, я могу выбрать 1 изображение или 2 изображения или больше по выбору). После выбора я хочу отобразить их имя в качестве оповещения о том, что вы выбрали эти изображения. Пожалуйста, направляйте меня, потому что я новичок в javascript. Заранее спасибо.выберите изображения по выбору и покажите их имя в качестве оповещения в javascript
0
A
ответ
0
Не совсем понятно, какой приемлемый выход, но вот что-то, что накапливает выбранные фотографии и отображает изображение src для выбранных фотографий.
var PhotoSrcArray = [
"http://placekitten.com/g/60/60",
"http://placekitten.com/70/60",
"http://placekitten.com/g/60/70",
"http://placekitten.com/70/70",
"http://placekitten.com/g/80/80"
];
for(var i = 0; i < PhotoSrcArray.length; i++){
$("#imgs").append('<li><label><input type="checkbox"></input><img src="'+PhotoSrcArray[i] + '" data-index="'+(i+1).toString() + '"/></label></li>');
}
var myArray = [];
$("li input").change(function(event){
if (this.checked){
myArray.push($(event.currentTarget).next('img').attr('data-index'));
}
else {
var indexOfPhoto = myArray.indexOf($(event.currentTarget).next('img').attr('data-index'));
if (indexOfPhoto > -1){
myArray.splice(indexOfPhoto, 1);
}
}
myArray.sort();
$("#output").html(myArray.join(' '));
//or alert it if you'ld like
});
Адрес working fiddle here.
0
Это рабочий JsFiddle.
Вы можете попробовать эту функцию, он будет связать флажок с изображением:
function bind_checkbox_image(checkboxId, imageId)
{
document.getElementById(checkboxId).onchange = function() {
alert(document.getElementById(imageId).getAttribute("title"));
};
}
Изображение должно иметь название и изменение на флажке будет показано, что название:
<img id="myimage" title="the image text" src="..." />
<input type="checkbox" id="mycheckbox" />
Теперь вы можете связать эти:
bind_checkbox_image("mycheckbox", "myimage");
ЭОД T: bugfix inverted ids of checkbox и изображение
Смежные вопросы
- 1. Поместите изображения в массив и покажите их
- 2. Выберите и покажите изображения с помощью FileReader
- 3. Выберите строки и покажите их в текстовом поле
- 4. Выберите и покажите xamarin.form.Image в телефоне Windows
- 5. Выберите определенные поля MySQL и покажите их с помощью php
- 6. Android: Загрузите изображения с их пути и покажите в gridview
- 7. Создайте и покажите изображения как фоновое изображение по одному - JavaScript
- 8. HTML выберите три разных флажка и покажите их
- 9. Выберите и «перейдите к выбору» в Sublime
- 10. Выберите значения из таблицы и покажите их пока?
- 11. MoreNavigationController изображения исчезают по выбору
- 12. Выберите элемент по и имя класса в javascript
- 13. jQuery Autocomplete Выберите метку и значение и покажите только метку
- 14. Изотоп: выберите и покажите .xx класс наверху
- 15. Выберите из трех таблиц и покажите результаты
- 16. Загрузите изображения сообщений WordPress и покажите их на другой странице
- 17. dojo Выберите поле, инициируя события по выбору
- 18. Javascript скрыть поля по выбору
- 19. объект оповещения в JavaScript
- 20. Перезагрузка UITableViewCell по выбору
- 21. Как отредактировать имя пользователя по своему выбору?
- 22. Оповещения Javascript в Yesod
- 23. Regex выберите текст вне двух строк и .Надеть по выбору
- 24. Выберите домашнюю страницу по вашему выбору в php
- 25. Покажите изображения json по порядку, нажав кнопку
- 26. выберите NSSet из CoreData и покажите его в ярлыке
- 27. Как изменить цвет изображения по выбору
- 28. Изображения и аудио в диалоговом окне оповещения
- 29. сообщение оповещения в Javascript
- 30. Django Tastypie: Позволить случайным образом в качестве заказа по выбору
Что значит «их имя»? Вы имеете в виду атрибут имени или только текст ниже/над изображениями? Также, пожалуйста, покажите соответствующий код, чтобы мы могли помочь вам легче :). –
На самом деле у меня есть десять чисел от 1 до 10. Я хочу показывать изображения вместо цифр. например, для 1 числа, я хочу использовать изображение «1.jpg». Когда пользователь выбирает это оповещение об изображении, показанное как то, что вы выбрали номер 1. Когда пользователь выбирает «1.jpg», «2.jpg», «3.jpg», он будет предупреждать, что вы выбрали 1,2 и 3 цифры. – user3284778
Скрипка работает, ее легко адаптировать к сценарию с таким числом. Вы можете принять ответ и сделать свое дело сейчас :) – pid