JQuery Check Checkbox And Add Textbox Name

Question

Привет, ребята, я хочу что-то сделать. Я хочу установить флажок и добавить имя в текстовое поле div. Я хочу этот js wordk all checkbox.

Мои коды:

jQuery(document).ready(function() { 

    if($(".checkbox").attr('checked')) { 

     document.getElementById('text').setAttribute("name","imagename[]"); 
    } else { 
     document.getElementById('text').setAttribute("name",""); 
    } 


}); 

И PHP коды:

for ($i=0;$i < 50;$i++){ 
echo '<div class="container">'.'<img style="height:100px; width:100px;" src="'.$image[$i].'"><input type="checkbox" id="checkbox" class="checkbox" name="image[]" value="'.$image[$i].'"><input type="text" id="text" style="width: 100px;"></div>'; 
} 

Любые советы? Извините за мой плохой английский.

Может ли кто-нибудь показать на этом примере?

<form id="form_id"> 
<div class="select_all"><input type='checkbox' name='checkall' onclick='checkedAll(form_id);'></div> 
    <div class="container"><img style="height:100px; width:100px;" src="http://media-cache-ec0.pinimg.com/736x/54/c6/79/54c67918de386f6c279447b1588805e3.jpg"><input type="checkbox" id="checkbox0" class="checkbox" name="image[]" value="http://media-cache-ec0.pinimg.com/736x/54/c6/79/54c67918de386f6c279447b1588805e3.jpg"><input type="text" id="text" style="width: 100px;"></div> 
     <div class="container"><img style="height:100px; width:100px;" src="http://media-cache-ak0.pinimg.com/736x/da/07/31/da07314554c2eb1bfc6db8e265058189.jpg"><input type="checkbox" id="checkbox1" class="checkbox" name="image[]" value="http://media-cache-ak0.pinimg.com/736x/da/07/31/da07314554c2eb1bfc6db8e265058189.jpg"><input type="text" id="text" style="width: 100px;"></div> 
     <div class="container"><img style="height:100px; width:100px;" src="http://media-cache-ec0.pinimg.com/736x/6e/f1/af/6ef1afbe4a80e3a728cd58683e26487d.jpg"><input type="checkbox" id="checkbox2" class="checkbox" name="image[]" value="http://media-cache-ec0.pinimg.com/736x/6e/f1/af/6ef1afbe4a80e3a728cd58683e26487d.jpg"><input type="text" id="text" style="width: 100px;"></div> 
     <div class="container"><img style="height:100px; width:100px;" src="http://media-cache-ec0.pinimg.com/736x/03/c9/17/03c917826ca4a7815cd6614330228b08.jpg"><input type="checkbox" id="checkbox3" class="checkbox" name="image[]" value="http://media-cache-ec0.pinimg.com/736x/03/c9/17/03c917826ca4a7815cd6614330228b08.jpg"><input type="text" id="text" style="width: 100px;"></div> 
     <div class="container"><img style="height:100px; width:100px;" src="http://media-cache-ak0.pinimg.com/736x/af/9a/43/af9a43bdf2b446dcc8649ecfa800fc97.jpg"><input type="checkbox" id="checkbox4" class="checkbox" name="image[]" value="http://media-cache-ak0.pinimg.com/736x/af/9a/43/af9a43bdf2b446dcc8649ecfa800fc97.jpg"><input type="text" id="text" style="width: 100px;"></div> 
    </form> 

Выбрать все ЯША:

checked=false; 
function checkedAll (form_id) { 
    var aa= document.getElementById('form_id'); 
    if (checked == false) 
      {checked = true} 
     else 
      {checked = false} 
    for (var i =0; i < aa.elements.length; i++) 
    {aa.elements[i].checked = checked;} 
     } 

Answer 1

Это проверялось, но я хотел бы предложить:

// binds an event handler for the change event: 
$('.container input[type="checkbox"]').change(function(){ 
    // finds the input that follows the checkbox elements, sets the name to 
    // the 'imagename[]' if it's checked, or to 
    // an empty string if not checked 
    $(this).next('input').prop('name', this.checked ? 'imagename[]' : ''); 
// triggers the change event 
}).change(); 

ли, однако, иметь в виду, что у вас есть недопустимый HTML: a idдолжен быть уникальным в пределах документа, если только эти входные элементы не нуждаются в id по другим причинам, я настоятельно рекомендую их удалить. В противном случае, как отмечено в комментариях, вы должны включить $i в id по мере его создания.

Ссылки:

• change().
• next().
• prop().
• val().

Answer 2

JQuery код:

$(".checkbox").each(function(){ 
    $(this).siblings("input[type=text]") 
    .attr("name", this.checked ? $(this).val() : ""); 
}); 

Существует анонимную функция для каждого флажка внутри функции this относится к самому флажку. Вы можете заменить $(this).val() с чем-то, что держит имя изображения, например $(this).attr("name") или $(this).siblings("img").attr("src")

Answer 3

$('.container').on('change', '.checkbox', function() { 
    if(this.checked) { 
    $('#text').attr("name","imagename[]"); 
    } else { 
    $('#text').attr("name",""); 
    } 
});