كاهش و افزايش مقدار text field [بایگانی]

View Full Version : كاهش و افزايش مقدار text field

saeedtrb

دوشنبه 16 بهمن 1391, 10:04 صبح

سلام دوستان يه text field دارم كه داخل اون يك عدد پيش فرض است مي خوام براي اين text field دو دكمه بزارم براي كاهش يا افزايش يك واحد از مقدار text field چه طور بايد اين كار را انجام دهم

pouyan.hosseini

دوشنبه 16 بهمن 1391, 13:05 عصر

var val = parseInt(document.getElementById("textField"));

// increase button

document.getElementById("textField").value = ++val;

// decrease button

document.getElementById("textField").value = --val;

saeedtrb

دوشنبه 16 بهمن 1391, 15:20 عصر

ممنون دوست عزيز كدها رو گذاشتم ولي عمل نكرد ولي به صورت زير عمل كرد
var val =document.getElementById("textField").value;

// increase button

document.getElementById("textField").value = ++val;

// decrease button

document.getElementById("textField").value = --val;

قكر ميكنم شما .value را در خط اول فراموش كرده ايد

geeking

سه شنبه 17 بهمن 1391, 20:34 عصر

پیشنهاد من استفاده از خوده HTML هستش برای اینکار :

<!DOCTYPE html>

<html>
<head>
<title>increase-decrease</title>
</head>
<body>
<form>
<input type="number" min="0" max="20" value='10'>
</form>
</body>
</html>

saeedtrb

سه شنبه 17 بهمن 1391, 21:28 عصر

بايد حتما يه وقتي براي يادگيري كامل HTML5 بزارم ممنون از شما geeking راستي منبع خوبي اگه براي html5سراغ داريد ممنون مي شم لينكشو بزاريد
چه طور مي تونم به كليداش استايل بدم

Ali0Boy

سه شنبه 17 بهمن 1391, 21:42 عصر

البته باید به این نکته توجه کنید که html5 نیز در همه ی مرورگرها جواب نمی دهد مخصوصا IE6-7 پس بنظر من javascript خیلی بهتری زیرا خیالتون رو راحت راحت می کنه.
input خود رو از نوع text درنظر بگیرین و بعد readonly هم به اون بدین و بعد کد جاوا اسکریپ بالا استفاده کنید. حالا دیگه خیالتون از اجرای اون درون همه ی مرورگرها و به درستی، راحت راحته.

geeking

سه شنبه 17 بهمن 1391, 22:35 عصر

بايد حتما يه وقتي براي يادگيري كامل HTML5 بزارم ممنون از شما geeking راستي منبع خوبي اگه براي html5سراغ داريد ممنون مي شم لينكشو بزاريد
چه طور مي تونم به كليداش استايل بدم

برای یادگیری به اینجا (https://developer.mozilla.org/en-US/docs/HTML/HTML5) مراجعه فرمایید ،

منظورتون رو متوجه نشدم، استایل به چیه !؟

saeedtrb

چهارشنبه 18 بهمن 1391, 14:19 عصر

به كليد هاي كم و زياد كردنش مي خوام كلا يه فرم ديگه داشته باشه
حالا اگه يه تعدادي از اينا داشته باشيم چه طور كد بنويسم كه وقتي روي كليد كم و زياد كردن كليك كرد text field مربوط به همون قسمت كم يا زياد بشه