ورود

View Full Version : سوال: اجرای jqueryبرای checkbox



homa sadeghi
سه شنبه 30 دی 1393, 10:13 صبح
سلام من یک دراپ دون دارم که با تغییر آن می خوام که یک چک باکس لیست برام نشون بده بعد با کلیک چک باکس هام می خام یه jquery دیگه اجرا بشه
کدهای من:

<script type="text/javascript" lang="en">
$(document).ready(function () {

jQuery("#lessonesDropDown").change(function () {

jQuery.getJSON("@Url.Action("FilterLessonByRoot", "Queze")",
{ lesson: $(lessonesDropDown).val()}, function (data) {

jQuery.each(data, function (i) {

var o = ("<input type='checkbox' class='chkLessLevel2' value=" + data[i].Id+" onclick='ff()' />" + data[i].LessonName + "<br />")
$("#SectionsLesson").append(o);
});
});
});

});

</script>

این قسمت درست اجرا میشه و چک باکس هام می سازه
اما کد زیر اجرا نمشه:


<script>
$(document).ready(function () {
$('.chkLessLevel2').change(function () {
$("#SectionsLesson").empty();
var studentListVal = null;
studentListVal = [];

$('input:checkbox:checked').each(function () {
studentListVal.push($(this).attr('value'));
});

$.ajax({
type: "post",
url: "/queze/Studentl",
data: { Name: studentListVal },
datatype: "json",
traditional: true,
success: function (data) {

var selectedIds;
for (var i = 0; i < data.success.length; i++) {
if (selectedIds != undefined) {
selectedIds = selectedIds + " " + data.success[i];
}
else {
selectedIds = data.success[i];
}
}
alert('You have Selected Student Ids- ' + selectedIds);
}
});
});




توضیح اینکه اگه یه چک باکس بصورت زیر خودم ثابت درست کنم کار می کنه:


<input type="checkbox" id="fk" class="chkLessLevel2" value="1"/>salam<br />

موقع اجرا هم با راست کلیک و inspect element کد ها رو می بینم درست هست اما نمی دونم چرا چک باکس هایی که با جی کوئری اولم درست کردم اجرا نمیشه

A.Eimani
سه شنبه 30 دی 1393, 23:25 عصر
از متدcreateElement برای ایجاد چک باکس استفاده کن
Dom هنوز المنت جدید شما رو نشناخته واسه همین واکنش نداره
با createElement بساز مشکلت حل میشه