Forum PHP.pl > Jak w juery za pomocą linków dynamicznie zmienić zawartość value w input?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Jak w juery za pomocą linków dynamicznie zmienić zawartość value w input?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

marcus755

10.06.2013, 11:52:20

Hej wszystkim:-)

Jak zrobić w jquery?
żeby gdy klikamy link o id="test1" - value zmienia się o +1,
a gdy klikamy link o id="test0", to zmniejsza się o -1, a gdy mamy w value=0 (to nie zmniejsza mniej niż 0)

Poniżej skrypt, który napisałem, ale nie działa...

[HTML] pobierz, plaintext 
 
<a href="#" id="test0"></a>
<label>Ilość</label>
<input name="0" type="text" value="0" id="test11">
<a href="#" id="test1"></a>
 
<script>
var n = 0;
$("#test1").click(function (e) {
	e.preventDefault(); // prevent the default action
    e.stopPropagation; // stop the click from bubbling
      var text = $(this).text();
      $("input").find("test11").val(++n);
    });
</script>
 
[HTML] pobierz, plaintext

lukasz1985

10.06.2013, 12:02:31

[JAVASCRIPT] pobierz, plaintext 
<a href="#" id="test0"></a>
<label>Ilość</label>
<input name="0" type="text" value="0" id="test11">
<a href="#" id="test1">Wiecej</a>
 
<script>
var n = 0;
$("#test1").click(function (e) {
 
	e.preventDefault(); // prevent the default action
    e.stopPropagation; // stop the click from bubbling
      var text = $(this).text();
      $("input#test11").val(++n);
    });
</script>
[JAVASCRIPT] pobierz, plaintext

marcus755

10.06.2013, 13:49:09

Kod

<a href="#" id="test0"></a>
<label>Ilość</label>
<input name="0" type="text" value="0" id="test11">
<a href="#" id="test1"></a>

<script>
var n = 0;
$(document).ready(function(){
  $("#test1").click(function(){
    $("input:text#test11").val(++n);
  });
  $("#test0").click(function(){
    $("('input:text#test11').val(++n);").val(-1);
  });
});
</script>

Działa mi dodawanie.
A jak zrobić, żeby mi odejmował bieżący stan value?
(np. mam w danym momencie w input value=5, klikając w link o id="test0", zmniejsza mi się o 1, aż do wartości wyjściowej value=0)

nospor

10.06.2013, 13:53:06

$("('input:text#test11').val(++n);").val(-1);

No to skoro chcesz odejmować to odejmuj a nie dodajesz....

$("input:text#test11").val(--n);

marcus755

10.06.2013, 14:13:18

Thnx:-)
a jak zrobić, że jak dojdzie do 0, to już nie wrzuca liczb ujemnych?

nospor

10.06.2013, 14:15:14

No nie wiem.... pomyślmy.... może zastosować banalny IF?

marcus755

10.06.2013, 14:28:50

coś nie wychodzi...

nospor

10.06.2013, 14:30:40

Zajebisty opis problemu.... może pokaż co próbujesz zrobić, bo na chwilę obecną to mam wrażenie że masz niesamowitego lenia i liczysz, aż ci to niesamowicie trudne zadanie podadzą na tacy.

marcus755

10.06.2013, 14:37:24

[HTML] pobierz, plaintext 
<a href="#" id="test0"></a>
<label>Ilość</label>
<input name="0" type="text" value="0" id="test11">
<a href="#" id="test1"></a>
 
<script>
var n = 0;
$(document).ready(function(){
  $("#test1").click(function(){
    $("input:text#test11").val(++n);
  });
  $("#test0").click(function(){
   $("input:text#test11").val(--n);
 
if (
	$("input:text#test11").val(n=0);
	);
	return true;
 
  });
});
</script>
[HTML] pobierz, plaintext

ale nie działa nie wiem, jak zrobić, aby nie wrzucał liczb mniejszych niż 0.

Talidali

10.06.2013, 14:43:15

[PHP] pobierz, plaintext 
if (
	$("input:text#test11").val(n=0);
	);
[PHP] pobierz, plaintext

Widzę, że brak podstaw.

[PHP] pobierz, plaintext 
if ($("input:text#test11").val()==0)
[PHP] pobierz, plaintext

marcus755

10.06.2013, 14:50:31

pokombinowałem i działa:-)
thnx:-)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.