6
votes

Valeurs de la zone de texte basée sur la case à cocher vérifiée / non cochée

Mon problème est simple pas aussi long que de ressembler.

J'ai 7 textes de texte ayant des identifiants Text1, Text2, Text3, Text4 et Text5, Text6, Text7 et une case à cocher comportant un chèque d'identité. Je reçois la valeur de Text1 et de Text2 par JSON comme 10 et 20 et déplaçons Total 30 dans Text7. Les valeurs de Text4, Text5 et Text6 sont vides. Ces boîtes de texte affichent "0". Text3 et Text4 seront automatiquement basés sur la case à cocher.

Lorsque j'ai vérifié la case à cocher "Points" sera modifié dans Text3 et "100" sera modifié dans Text4. Maintenant, Total Text7 montrera 130. Valeurs de Text5 et Text6 Affichage "0". Si je vais écrire quelque chose, disons "10" dans Text5 et "20" dans Text6, alors Total Text7 montrera 160. Si je décoque la case à cocher, les valeurs de Text3 et Text4 seront supprimées et le total sera modifié avec précarité. Capable de savoir à la section Autofill Text3 et Text4 après avoir vérifié la case à cocher, n'importe quelle idée s'il vous plaît?

index.jsp xxx


8 commentaires

Pouvez-vous créer jsfiddle de celui-ci?


Les valeurs que vous devez montrer dans Text3, 4 et similaires sont-elles correctes?


@ Logan..Ouche la valeur de Text4 est corrigé qui est 100


@ Amarpalsapure..Je essaye de violon, donnez-moi une idée


Besoin d'une calculatrice pour comprendre l'exigence. :)


@Deepak Aucun calculateur n'est requis mon ami, vous pouvez également le faire, j'essaie de résoudre, vous pouvez aussi essayer


Un commentaire constructif: vous fermez tous votre code à l'intérieur d'une fonction de .change (), même la fonction 'Keyup'. Vous devriez les séparer! Et vous pouvez également créer une fonction personnalisée qui gérera toutes vos chèques (comme dans ma démonstration - les 'GetValues ​​()').


ouais roxon tu as raison


3 Réponses :


3
votes

Vous pouvez vérifier cette jsfiddle: http://jsfiddle.net/af6lp/1/ modifier Il selon vos besoins.

script xxx

html xxx


3 commentaires

Merci AMAR pour votre réponse, mais les points doivent être écrits dans Text3 après vérifié, mais cela ne se produit pas, une autre chose est que 100 est remplie de text4, puis si je modifierai ce 100 à 200, le total reste le même comment? Le total devrait être changé en conséquence, je pense que la légère modification est requise dans votre violon, pouvez-vous éditer votre violon


merci d'amar bien juste un doute de plus, comment puis-je supprimer des "points" lorsque je suis une cochérabilité de case à cocher comme la valeur de Text3 est supprimée


Dans $ ("# check"). Modifier ( Fonction Je réinitialisez le texte3. Intérieur ele $ ("# Text4"). Val ("0"); , si vous ne voulez pas cela, supprimez ceci.



2
votes

Jetez un coup d'œil à cette solution:

Demo JSBIN < / h1> xxx


1 commentaires

@harry pas de problème! P.s. Le "10" dans Paysint est le radix défini. Radix sont de 2 à 32 et représentent le système de chiffre à utiliser.



0
votes
$(document).ready(function() {
$("#check").change(function() {
    if ($(this).is(":checked")) $("#text4").val("100");
    else $("#text4").val("0");
    if ($(this).is(":checked")) $("#text3").val("POINTS");
    else $("#text3").val("");
    calculate();
});

$("#text1, #text2, #text5, #text6").keyup(function() {
    calculate();
});
});

function calculate() {
var a = $("#text1").val();
var b = $("#text2").val();
var c = $("#text5").val();
var d = $("#text6").val();
var total = parseInt(a) + parseInt(b) + parseInt(c) + parseInt(d);
if ($("#check").is(":checked")) total += parseInt($("#text4").val());
$("#text7").val(total);
}
Just had to add another if/else for text3. Simple.

0 commentaires