18910140161

JavaScript--我如何从输入值文本中获取?-堆栈溢出

顺晟科技

2022-10-19 12:43:46

32

所以我编写了这段代码,以便在客户选择按钮时动态更改价格。它工作,但现在我有一个问题,有时我不能把价格,必须显示:根据请求。

这是我的代码HTML

<div class="reparaturwrap" style="margin:50px;">
  <div class="rahmen">
    <h2><b>Unser Angebot</b></h2>
    <h2>{{ page_title }}</h2>
    <img src="-" width="200px">
    <h3 style="color:red;"><b>Totale Kosten: <span id="total"></span> CHF</b></h3>
    <p>Dieses Angebot ist unverbindlich.</p>

<div class="radio-toolbar">
<input type="radio" id="form_problem_0" name="form[problem]" value="399.90">
<label for="form_problem_0" class="required" >
   Display Glasbruch / Kein Bild
</label>
 
<input type="radio" id="form_problem_1" name="form[problem]" value="89.90">
<label for="form_problem_1" class="required" >
  Akku
</label>
   
<input type="radio" id="form_problem_2" name="form[problem]" value="Auf Anfrage">
<label for="form_problem_2" class="required" >
   Gehäuse
</label>
  
    <input type="radio" id="form_problem_3" name="form[problem]" value="199.90">
<label for="form_problem_3" class="required" >
   Rückseite
</label>
  
<input type="radio" id="form_problem_4" name="form[problem]" value="99.90">
<label for="form_problem_4" class="required" >
   Datenrettung
</label>
  
  <input type="radio" id="form_problem_5" name="form[problem]" value="99.90">
<label for="form_problem_5" class="required" >
   Softwarefehler
</label>
  
  <input type="radio" id="form_problem_6" name="form[problem]" value="69.90">
<label for="form_problem_6" class="required" >
   Werkstattbericht Versicherung
</label>
    
  <input type="radio" id="form_problem_7" name="form[problem]" value="99.90">
<label for="form_problem_7" class="required" >
   Hintere Kamera
</label>
  
  <input type="radio" id="form_problem_8" name="form[problem]" value="99.90">
<label for="form_problem_8" class="required" >
   Vordere Kamera
</label>
  
    <input type="radio" id="form_problem_9" name="form[problem]" value="149.90">
<label for="form_problem_9" class="required" >
   Ladebuchse
</label>
  
  </div>
    
    
  
<p>Wie möchten Sie weiterfahren?</p>
<div class="wrapbuttons">
<div class="radiosplit">
  
  <button class="radio-toolbar1"><a href="/pages/einen-termin-vereinbaren">Einen Termin vereinbaren</a></button>
   

  
  
  <button class="radio-toolbar1"><a href="/pages/per-post-einsenden">Per Post einsenden</a></button>
  
  

  </div>
  </div>
  </div>


这是我的脚本

<div class="reparaturwrap" style="margin:50px;">
  <div class="rahmen">
    <h2><b>Unser Angebot</b></h2>
    <h2>{{ page_title }}</h2>
    <img src="-" width="200px">
    <h3 style="color:red;"><b>Totale Kosten: <span id="total"></span> CHF</b></h3>
    <p>Dieses Angebot ist unverbindlich.</p>

<div class="radio-toolbar">
<input type="radio" id="form_problem_0" name="form[problem]" value="399.90">
<label for="form_problem_0" class="required" >
   Display Glasbruch / Kein Bild
</label>
 
<input type="radio" id="form_problem_1" name="form[problem]" value="89.90">
<label for="form_problem_1" class="required" >
  Akku
</label>
   
<input type="radio" id="form_problem_2" name="form[problem]" value="Auf Anfrage">
<label for="form_problem_2" class="required" >
   Gehäuse
</label>
  
    <input type="radio" id="form_problem_3" name="form[problem]" value="199.90">
<label for="form_problem_3" class="required" >
   Rückseite
</label>
  
<input type="radio" id="form_problem_4" name="form[problem]" value="99.90">
<label for="form_problem_4" class="required" >
   Datenrettung
</label>
  
  <input type="radio" id="form_problem_5" name="form[problem]" value="99.90">
<label for="form_problem_5" class="required" >
   Softwarefehler
</label>
  
  <input type="radio" id="form_problem_6" name="form[problem]" value="69.90">
<label for="form_problem_6" class="required" >
   Werkstattbericht Versicherung
</label>
    
  <input type="radio" id="form_problem_7" name="form[problem]" value="99.90">
<label for="form_problem_7" class="required" >
   Hintere Kamera
</label>
  
  <input type="radio" id="form_problem_8" name="form[problem]" value="99.90">
<label for="form_problem_8" class="required" >
   Vordere Kamera
</label>
  
    <input type="radio" id="form_problem_9" name="form[problem]" value="149.90">
<label for="form_problem_9" class="required" >
   Ladebuchse
</label>
  
  </div>
    
    
  
<p>Wie möchten Sie weiterfahren?</p>
<div class="wrapbuttons">
<div class="radiosplit">
  
  <button class="radio-toolbar1"><a href="/pages/einen-termin-vereinbaren">Einen Termin vereinbaren</a></button>
   

  
  
  <button class="radio-toolbar1"><a href="/pages/per-post-einsenden">Per Post einsenden</a></button>
  
  

  </div>
  </div>
  </div>


正如您在form_problem_2中看到的,该值被设置为Auf Anfrage(根据请求),但是当我单击该按钮时,它不会显示任何内容。如何修复此问题。

谢谢你的帮助。 问候 史蒂文


顺晟科技:

删除

<div class="reparaturwrap" style="margin:50px;">
  <div class="rahmen">
    <h2><b>Unser Angebot</b></h2>
    <h2>{{ page_title }}</h2>
    <img src="-" width="200px">
    <h3 style="color:red;"><b>Totale Kosten: <span id="total"></span> CHF</b></h3>
    <p>Dieses Angebot ist unverbindlich.</p>

<div class="radio-toolbar">
<input type="radio" id="form_problem_0" name="form[problem]" value="399.90">
<label for="form_problem_0" class="required" >
   Display Glasbruch / Kein Bild
</label>
 
<input type="radio" id="form_problem_1" name="form[problem]" value="89.90">
<label for="form_problem_1" class="required" >
  Akku
</label>
   
<input type="radio" id="form_problem_2" name="form[problem]" value="Auf Anfrage">
<label for="form_problem_2" class="required" >
   Gehäuse
</label>
  
    <input type="radio" id="form_problem_3" name="form[problem]" value="199.90">
<label for="form_problem_3" class="required" >
   Rückseite
</label>
  
<input type="radio" id="form_problem_4" name="form[problem]" value="99.90">
<label for="form_problem_4" class="required" >
   Datenrettung
</label>
  
  <input type="radio" id="form_problem_5" name="form[problem]" value="99.90">
<label for="form_problem_5" class="required" >
   Softwarefehler
</label>
  
  <input type="radio" id="form_problem_6" name="form[problem]" value="69.90">
<label for="form_problem_6" class="required" >
   Werkstattbericht Versicherung
</label>
    
  <input type="radio" id="form_problem_7" name="form[problem]" value="99.90">
<label for="form_problem_7" class="required" >
   Hintere Kamera
</label>
  
  <input type="radio" id="form_problem_8" name="form[problem]" value="99.90">
<label for="form_problem_8" class="required" >
   Vordere Kamera
</label>
  
    <input type="radio" id="form_problem_9" name="form[problem]" value="149.90">
<label for="form_problem_9" class="required" >
   Ladebuchse
</label>
  
  </div>
    
    
  
<p>Wie möchten Sie weiterfahren?</p>
<div class="wrapbuttons">
<div class="radiosplit">
  
  <button class="radio-toolbar1"><a href="/pages/einen-termin-vereinbaren">Einen Termin vereinbaren</a></button>
   

  
  
  <button class="radio-toolbar1"><a href="/pages/per-post-einsenden">Per Post einsenden</a></button>
  
  

  </div>
  </div>
  </div>


编辑:因为开头没有数字的字符串将返回含义,而单词不是以数字开头的

还有一个更简单的方法,就是像这样的东西

<div class="reparaturwrap" style="margin:50px;">
  <div class="rahmen">
    <h2><b>Unser Angebot</b></h2>
    <h2>{{ page_title }}</h2>
    <img src="-" width="200px">
    <h3 style="color:red;"><b>Totale Kosten: <span id="total"></span> CHF</b></h3>
    <p>Dieses Angebot ist unverbindlich.</p>

<div class="radio-toolbar">
<input type="radio" id="form_problem_0" name="form[problem]" value="399.90">
<label for="form_problem_0" class="required" >
   Display Glasbruch / Kein Bild
</label>
 
<input type="radio" id="form_problem_1" name="form[problem]" value="89.90">
<label for="form_problem_1" class="required" >
  Akku
</label>
   
<input type="radio" id="form_problem_2" name="form[problem]" value="Auf Anfrage">
<label for="form_problem_2" class="required" >
   Gehäuse
</label>
  
    <input type="radio" id="form_problem_3" name="form[problem]" value="199.90">
<label for="form_problem_3" class="required" >
   Rückseite
</label>
  
<input type="radio" id="form_problem_4" name="form[problem]" value="99.90">
<label for="form_problem_4" class="required" >
   Datenrettung
</label>
  
  <input type="radio" id="form_problem_5" name="form[problem]" value="99.90">
<label for="form_problem_5" class="required" >
   Softwarefehler
</label>
  
  <input type="radio" id="form_problem_6" name="form[problem]" value="69.90">
<label for="form_problem_6" class="required" >
   Werkstattbericht Versicherung
</label>
    
  <input type="radio" id="form_problem_7" name="form[problem]" value="99.90">
<label for="form_problem_7" class="required" >
   Hintere Kamera
</label>
  
  <input type="radio" id="form_problem_8" name="form[problem]" value="99.90">
<label for="form_problem_8" class="required" >
   Vordere Kamera
</label>
  
    <input type="radio" id="form_problem_9" name="form[problem]" value="149.90">
<label for="form_problem_9" class="required" >
   Ladebuchse
</label>
  
  </div>
    
    
  
<p>Wie möchten Sie weiterfahren?</p>
<div class="wrapbuttons">
<div class="radiosplit">
  
  <button class="radio-toolbar1"><a href="/pages/einen-termin-vereinbaren">Einen Termin vereinbaren</a></button>
   

  
  
  <button class="radio-toolbar1"><a href="/pages/per-post-einsenden">Per Post einsenden</a></button>
  
  

  </div>
  </div>
  </div>


这将适用于所有输入和可能添加的任何新输入

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航