Je ne sais vraiment pas comment programmer dans JavaScript strong>, mais j'ai essayé de faire des choses. J'ai des valeurs à résumer si certains sont sélectionnés. La fonction suivante effectue une somme de somme et montrent en résultat à la fois sans cliquer sur un bouton uniquement pour la case code> Cochez la case CODE>, pas pour la liste code> liste code> Liste et texte. Cependant, j'ai besoin de Pour impliquer également les valeurs sélectionnées des listes code> Dropdown CODE> et entrées les deux champs de texte de la même manière que les cases code> et leurs réponses immédiates (sortie). P> Je pense que @edit: strong> p> Désolé, j'ai oublié le dire mais, j'ai besoin de multiplier la valeur entrée code> entrée par avant sommation avec p> modifier la méthode code> peut être utilisé de la même manière. P> 3134,204499 code> et bina yasi avec -566,2202888 code>. p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="housepriceguesslist">
<select id="ilce">
<option value="0">Choose a state</option>
<option value="63999.50712318567">Adalar</option>
<option value="6259.918435398593">AtaÅŸehir</option>
<option value="46285.35729304834">Beykoz</option>
<option value="54258.92953697798">Kadıköy</option>
<option value="-3500.620905653726">Kartal</option>
<option value="12889.41219909602">Maltepe</option>
<option value="-33711.83156847153">Pendik</option>
<option value="-34577.42485251657">Sancaktepe</option>
<option value="-52183.1608811019">Sultanbeyli</option>
<option value="-34760.71735007784">Tuzla</option>
<option value="-27379.87966213786">Çekmeköy</option>
<option value="-5332.203990418937">Ãœmraniye</option>
<option value="26485.33532820411">Üsküdar</option>
<option value="-18732.62070553167">Åžile</option>
</select>
<select id="odasalon">
<option value="0">Choose room number</option>
<option value="5940.027623576261">1+0</option>
<option value="-1399.625767475593">1+1</option>
<option value="-3033.638999060459">2+1</option>
<option value="11519.83954756076">3+1</option>
<option value="-7018.52116545078">4+1</option>
<option value="-6008.081239150166">5+1</option>
</select>
m2: <input type="text" id="m2" /> Bina Yasi: <input type="text" id="binayasi" />
<br/>
<br/> Features:
<br/>
<br/>
<input type="checkbox" id="Bati" value="Bati" price="-783.4452683566533" /> <label for="Bati">Bati</label>
<br/>
<input type="checkbox" id="Dogu" value="Dogu" price="-4895.732009084263" /> <label for="Dogu">Dogu</label>
<br/>
<input type="checkbox" id="Guney" value="Guney" price="-2599.001349652765" /> <label for="Guney">Guney</label>
<br/>
<input type="checkbox" id="Kuzey" value="Kuzey" price="3832.013070771234" /> <label for="Kuzey">Kuzey</label>
<br/>
<input type="checkbox" id="Amerikan Mutfak" value="Amerikan Mutfak" price="2346.347889828301" /> <label for="Amerikan Mutfak">Amerikan Mutfak</label>
<br/>
<input type="checkbox" id="Dusakabin" value="Dusakabin" price="-176.5092353740256" /> <label for="Dusakabin">Dusakabin</label>
<br/>
<input type="checkbox" id="Akilli Ev" value="Akilli Ev" price="-4756.206384200719" /> <label for="Akilli Ev">Akilli Ev</label>
<br/>
<input type="checkbox" id="Ebeveyn Banyosu" value="Ebeveyn Banyosu" price="10135.50644456019" /> <label for="Ebeveyn Banyosu">Ebeveyn Banyosu</label>
<br/>
<input type="checkbox" id="Kiler" value="Kiler" price="-10693.49979821809" /> <label for="Kiler">Kiler</label>
<br/>
<input type="checkbox" id="Kuvet" value="Kuvet" price="-941.0629741243247" /> <label for="Kuvet">Kuvet</label>
<br/>
<input type="checkbox" id="Parke Zemin" value="Parke Zemin" price="-8453.847199707092" /> <label for="Parke Zemin">Parke Zemin</label>
<br/>
<input type="checkbox" id="Seramik Zemin" value="Seramik Zemin" price="1545.025601000643" /> <label for="Seramik Zemin">Seramik Zemin</label>
<br/>
<input type="checkbox" id="Sauna" value="Sauna" price="8677.708176289747" /> <label for="Sauna">Sauna</label>
<br/>
<input type="checkbox" id="Spor Salonu" value="Spor Salonu" price="1159.884679563385" /> <label for="Spor Salonu">Spor Salonu</label>
<br/>
<input type="checkbox" id="Tenis Kortu" value="Tenis Kortu" price="16065.26794172257" /> <label for="Tenis Kortu">Tenis Kortu</label>
<br/>
</div>
<input type="text" id="total" value="0" />
3 Réponses :
Vous pouvez boucler sur tous les
Vais-je ajouter l'extrait à la fin de la méthode JavaScript? Sinon, pourriez-vous le combiner avec la méthode ma méthode JavaScript?
Merci monsieur mais le premier ne fonctionne pas. Je viens d'essayer. Vous pouvez voir que depuis liveweave.com/jpxff9 . Est-ce que j'ai fait quelque chose de mal?
Je ne vois pas votre code à ce lien. Comment appelez-vous la fonction? Vous devez l'appeler après que l'utilisateur effectue une sélection dans le menu.
Vous n'appelez jamais la fonction là-bas.
Désolé, je viens de voir votre dernier édition. Oui après avoir appelé cela ça marche plutôt bien. Mais, pourriez-vous jeter un coup d'œil sur la question monsieur? Cela vous dérangerait-il de la modifier?
J'ai mis à jour la réponse, mais c'est vraiment des trucs de base. Vous devez soit apprendre à programmer ou à embaucher une personne, vous ne pouvez pas exécuter un site Web si vous devez vous rendre sur Internet pour obtenir de l'aide avec des trucs simples comme celui-ci.
En fait, je l'ai fait sur la réponse de @ karl, mais je ne connais pas JavaScript, ce que j'ai fait est sur Jsfiddle .NET / SONERSTOUDENT / 0ZO2NPDC / 2 . Mais je n'ai pas utilisé this.id == "m2" puisque je ne le sais pas.
Semblable à Barmar 's, j'ai ajouté tous les éléments au Voir exemple ici: https://jsfiddle.net/qgvsern4/1/ . () boucle mais a également ajouté le .change () gestionnaire à tous les éléments:
J'ai mis à jour ma réponse (P.s. Désolé @Barmar pour avoir mal orthographié votre nom!)
Cette solution est simple, juste la liste de toutes les entrées (c.-à-d. Enfin, somme de la valeur au total code> contribution. Comme ceci: p> p> Cochez la case code> et Dropdown code>) à l'aide du .Find () code > Méthode et Sélecteur 'Entrée: Cochez la case, Entrée: texte, sélectionnez' code>. Ensuite, vérifiez si chacun de ces code> éléments code> a l'attribut coché code> ou sélectionnez code> pour la case à cocher code> et et Sélectionnez CODE> Types d'entrée respectivement, ou il s'agit d'un multiplicateur pour les entrées code> texte code>. Cette vérification CA soit effectuée à l'intérieur du chacun () code> Méthode rappel. Enfin, il suffit de convertir la valeur à un numéro à l'aide de la méthode parsefloat () code> et ajoutez-la à l'accumulateur total.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="housepriceguesslist">
Total: <input type="text" id="total" value="0" />
<br/>
<br/>
<select id="ilce">
<option value="0">Choose a state</option>
<option value="63999.50712318567">Adalar</option>
<option value="6259.918435398593">AtaÅŸehir</option>
<option value="46285.35729304834">Beykoz</option>
<option value="54258.92953697798">Kadıköy</option>
<option value="-3500.620905653726">Kartal</option>
<option value="12889.41219909602">Maltepe</option>
<option value="-33711.83156847153">Pendik</option>
<option value="-34577.42485251657">Sancaktepe</option>
<option value="-52183.1608811019">Sultanbeyli</option>
<option value="-34760.71735007784">Tuzla</option>
<option value="-27379.87966213786">Çekmeköy</option>
<option value="-5332.203990418937">Ãœmraniye</option>
<option value="26485.33532820411">Üsküdar</option>
<option value="-18732.62070553167">Åžile</option>
</select>
<select id="odasalon">
<option value="0">Choose room number</option>
<option value="5940.027623576261">1+0</option>
<option value="-1399.625767475593">1+1</option>
<option value="-3033.638999060459">2+1</option>
<option value="11519.83954756076">3+1</option>
<option value="-7018.52116545078">4+1</option>
<option value="-6008.081239150166">5+1</option>
</select>
m2: <input type="text" id="m2" />
Bina Yasi: <input type="text" id="binayasi" />
<br/>
<br/> Features:
<br/>
<br/>
<input type="checkbox" id="Bati" value="Bati" price="-783.4452683566533" /> <label for="Bati">Bati</label>
<br/>
<input type="checkbox" id="Dogu" value="Dogu" price="-4895.732009084263" /> <label for="Dogu">Dogu</label>
<br/>
<input type="checkbox" id="Guney" value="Guney" price="-2599.001349652765" /> <label for="Guney">Guney</label>
<br/>
<input type="checkbox" id="Kuzey" value="Kuzey" price="3832.013070771234" /> <label for="Kuzey">Kuzey</label>
<br/>
<input type="checkbox" id="Amerikan Mutfak" value="Amerikan Mutfak" price="2346.347889828301" /> <label for="Amerikan Mutfak">Amerikan Mutfak</label>
<br/>
<input type="checkbox" id="Dusakabin" value="Dusakabin" price="-176.5092353740256" /> <label for="Dusakabin">Dusakabin</label>
<br/>
<input type="checkbox" id="Akilli Ev" value="Akilli Ev" price="-4756.206384200719" /> <label for="Akilli Ev">Akilli Ev</label>
<br/>
<input type="checkbox" id="Ebeveyn Banyosu" value="Ebeveyn Banyosu" price="10135.50644456019" /> <label for="Ebeveyn Banyosu">Ebeveyn Banyosu</label>
<br/>
<input type="checkbox" id="Kiler" value="Kiler" price="-10693.49979821809" /> <label for="Kiler">Kiler</label>
<br/>
<input type="checkbox" id="Kuvet" value="Kuvet" price="-941.0629741243247" /> <label for="Kuvet">Kuvet</label>
<br/>
<input type="checkbox" id="Parke Zemin" value="Parke Zemin" price="-8453.847199707092" /> <label for="Parke Zemin">Parke Zemin</label>
<br/>
<input type="checkbox" id="Seramik Zemin" value="Seramik Zemin" price="1545.025601000643" /> <label for="Seramik Zemin">Seramik Zemin</label>
<br/>
<input type="checkbox" id="Sauna" value="Sauna" price="8677.708176289747" /> <label for="Sauna">Sauna</label>
<br/>
<input type="checkbox" id="Spor Salonu" value="Spor Salonu" price="1159.884679563385" /> <label for="Spor Salonu">Spor Salonu</label>
<br/>
<input type="checkbox" id="Tenis Kortu" value="Tenis Kortu" price="16065.26794172257" /> <label for="Tenis Kortu">Tenis Kortu</label>
<br/>
</div>
Vous ne devez pas créer d'attributs personnalisés comme
prix . Si vous devez stocker des données spécifiques à l'application dans des éléments HTML, utilisez les attributsdata-xxx , commedata-Price = "- 176.05"Ceci est accessible en JavaScript sous JavaScript sous
this.dataset.price ou$ (ceci) .Data ("prix") .@snr j'ai ajouté une solution en tenant compte de votre dernier édition.