فعال کردن دکمه تایید بعد از پذیرش قوانین با جی کوئری
0

2 ارسال در این موضوع قرار دارد

البته این عنوانی که گذاشتم خیلی مبتدیانه هست. صرفا واسه این گذاشتم که افراد تازه کار هم بتونن جستجوش کنن.

Jquery-Checkbox-dsbl.PNG

نمونه این کدها رو میتونین توی ثبت نام در انجمن ها مشاهده کنین. که یکسری قوانین سایت میاد و شما اگه اون قوانین رو قبول کنین دکمه ثبت نام فعال میشه.

خب حالا ما میخوایم این کار رو با جی کوئری انجامش بدیم.

اول از همه کتابخانه جی کوئری رو از

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
(در آخر آموزش نیز پیوست شده) و در صفحه لود کنین.

اینطوری :

<script src="jquery-1.9.0.min.js"></script>

خوب حالا برین فرم مون رو بسازیم


[/FONT][/COLOR]

[LEFT][COLOR=#000000][/COLOR][/LEFT]


[COLOR=#000000][FONT=Tahoma]<form>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] <p>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]<input type="checkbox" name="terms" id="terms" />[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] <label for="terms">قوانین را میپذیرم </label> [/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] </p>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]<p>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]<input type="checkbox" name="not" id="not" />[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]<label>قوانین را نمی پذیرم </label>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]</p>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] <p>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] <input type="button" id="send" value="ثبت نام" />[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] </p> [/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma] </form>[/FONT][/COLOR]
[COLOR=#000000][FONT=Tahoma]

[/FONT][/COLOR][COLOR=#000000][FONT=Tahoma]

[/FONT][/COLOR]

توی این فرمی که فقط دو تا چیز ضروری هست : یکی چک باکس ، یکی هم دکمه ثبت نام . بقیه اضافه کاری هستش . (البته ممکنه اونجایی که دارین ازش استفاده میکنن ، ضروری باشه . توی این آموزش غیر ضروریه)

الان نوبت اصل کاری رسیده ، یعنی کار با جی کوئری



[I]<script>[/I]
[I]$(function(){[/I]
[I]var button = $('#send');[/I]
[I]button.attr('disabled' ,'disabled');[/I]
[I]$('#terms').change(function(e) {[/I]
[I] if (this.checked){[/I]
[I]button.removeAttr('disabled');[/I]
[I]}else{[/I]
[I]button.attr('disabled' ,'disabled');[/I]
[I]}[/I]
[I] });[/I]
[I]});[/I]

[I]</script>[/I]

خب بریم سراغ توضیحاتش .

اول از تگ <script> : این که نیازی به توضیح نداره ، معلومه دیگه کدهای اسکریپت رو باید توی این تگ نوشت :D

توی خط سوم id دکمه رو بهش میدیم.

توی خط چهارم بهش میگیم که دکمه در حالت عادی غیر فعال باشه.

توی خط پنجم الی نهم : میام id چک باکس رو بهش میدیم و میگیم که اگه روش تیک زد ، خاصیت غیرفعال بودن رو از دکمه حذف کن (یعنی دکمه رو فعالش کن) . در غیر اینصورت بزار همینطور غیرفعال بمونه.

دیدین چقدر آسون بود.

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
(به همراه قالب (مانند تصویر) + کتابخانه جی کوئری)

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

ویرایش شده در توسط HamedR

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام من میخوام دو تا دکمه داشته باشم که اولش غیرفعال باشن بعد که تیک چک باکس خورد هردو همزمان فعال باشن یه دونه چک باکس باشه....لطفا راهنمایی کنید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

0