Копировать атрибут из одного элемента в другой

У меня есть несколько столбцов: флажки и метки.

<ul class="column1">
    <li>
        <input value="jan" type="checkbox" />
        <label>Jan</label>
    </li>
    <li>
        <input value="feb" type="checkbox" />
        <label>Feb</label>
    </li>
    <li> etc..<li>
</ul>

Я скопировал val из значения атрибута "" в идентификатор атрибута ""

var tagCheckbox = ("ul li :checkbox");

$(tagCheckbox).attr("id", function() { 
    return "id_" + this.value;       
});

Теперь я хочу скопировать val входного значения "" или id"" в атрибут для "" на <label>

Как это сделать?

.attr(,); не будет делать это в одиночку, потому что он захватывает только первый чекбокс и копирует это же значение на все ярлыки


checkbox html jquery labels
person Ronni DC    schedule 11.01.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это:

$(tagCheckbox).attr("id", function() { 
    var val="id_" + this.value;
    $(this).next('label').attr('for',val);
    return val;       
});
person Dr.Molle    schedule 11.01.2012
comment
Великолепно! и при этом так просто. Спасибо - person Ronni DC; 11.01.2012