#jquery
#jquery ( jquery )
Вопрос:
У меня есть HTML-код, как показано ниже
<form>
<input type="checkbox" class="checkboxclas" name="checkbox-mini-0" id="' random_number '" data-mini="true" id_attr="' random_number '">
<label class="testtt" for="checkbox-mini-0">' responseinner[i].name '</label>
</form>
При нажатии на флажок я добавляю этот приведенный выше HTML-код в другой div
Поэтому , прежде чем добавлять его в другой div , мне нужно сделать его проверенным .
Я попробовал следующее .
$(document).on("click", ".checkboxclas", function(e) {
if ($(this).is(':checked'))
{
var labelAttr = $(this).closest("form").find('label').text();
var checkbox_val = $(this).find('.checkboxclas').prop('checked');
var divdata = $("div#" id_attr_val ".activateUiHTML").html();
buildcart.append(divdata);
$("#myordersdiv ul").append(dataa);
}
});
Это мой jsfiddle
не мог бы кто-нибудь, пожалуйста, помочь мне в этом.
Комментарии:
1. кажется, ваш $ (this) должен быть ‘.checkboxclas’, поэтому попробуйте изменить свой код на: var checkbox_val = $ (this).prop(‘проверено’);
Ответ №1:
Надеюсь, это сработает для вас :
Добавьте еще одну строку перед добавлением.
$(document).on("click", ".checkboxclas", function(e) {
var divdata = $("div.activateUiHTML").html();
$("#ordersdiv").append(divdata);
//Add this line in your code
$("#ordersdiv").find(".checkboxclas").attr("checked","checked" );
});
Ответ №2:
Попробуйте это :
$(document).on("click", ".checkboxclas", function(e) {
var divdata = $("div.activateUiHTML").html();
$("#ordersdiv").append(divdata).find(".checkboxclas:last").prop("checked",true);;
});
Комментарии:
1. Это будет выполнять ненужную операцию проверки всех флажков, присутствующих внутри
#ordersdiv
каждого времени.. или, по крайней мере, использоватьfind(".checkboxclas:last")
2. @RajaprabhuAravindasamy, спасибо за это предложение :). Я также обновил свой ответ и jsfiddle.