Javascript HTML，JS-联系人表单复选框文本显示问题_Javascript_Html_Jquery

Javascript HTML，JS-联系人表单复选框文本显示问题

javascript html jquery

Javascript HTML，JS-联系人表单复选框文本显示问题,javascript,html,jquery,Javascript,Html,Jquery,我的联系方式中有4个复选框。它们实现了单选按钮的功能，因此当您单击其他复选框时，第一个复选框将被取消选中我的问题是当你点击复选框1时，它会显示正确的文本。但是，当您单击复选框2、3或4时，文本应该消失，并且不会消失也许我需要将我的JS代码连接到一个函数中，但我是JS的新手，所以也许你可以帮我代码在这里 JS 功能检查onlyone（b）{ var x=document.getElementsByClassName（'daychecks'）； var i；对于（i=0；i

我的联系方式中有4个复选框。它们实现了单选按钮的功能，因此当您单击其他复选框时，第一个复选框将被取消选中

我的问题是当你点击复选框1时，它会显示正确的文本。但是，当您单击复选框2、3或4时，文本应该消失，并且不会消失

也许我需要将我的JS代码连接到一个函数中，但我是JS的新手，所以也许你可以帮我

代码在这里

功能检查onlyone（b）{
var x=document.getElementsByClassName（'daychecks'）；
var i；
对于（i=0；i


HTML代码
 <form name="cf2"  id="formularos" method="post" action="test.php">
                            <div class="checkbox-group required">
                            <p class="center">Vyberte školenie</p>
                            <label  class="container riadok"><p for="document1" class="dolava">§20 Poučená osoba</p>
                            <input type="checkbox" class="daychecks"  name="document[]" value="20" id="document1" onclick="checkOnlyOne(this.value); myFunction()" />
                            <span class="checkmark"></span>
                            
                            </label>
                            <label class="container riadok"><p for="document" class="dolava">Aktualizácia: §21 AŽ §24</p>
                            <input type="checkbox" class="daychecks"  name="document[]" value="21-24" id="document2" onclick="checkOnlyOne(this.value);" >
                            <span class="checkmark"></span>
                            </label>
                            <label class="container riadok"><p for="document" class="dolava">§21 AŽ §23 pre EZ</p>
                            <input type="checkbox" class="daychecks"  name="document[]" value="21-23" id="document3" onclick="checkOnlyOne(this.value);" >
                            <span class="checkmark"></span>
                            </label>
                            <label class="container riadok"><p for="document" class="dolava">§24 Revízny technik</p>
                            <input type="checkbox" class="daychecks" name="document[]" value="24" id="document4" onclick="checkOnlyOne(this.value);" >
                            <span class="checkmark"></span>
                            </label>
                            
                            
            <p id="text" style="display:none">ZÁVÄZNÁ PRIHLÁŠKA <br>Na "Kurz o POUČENEJ OSOBE" <br>pre držiteľov platných „Osvedčení“ podľa vyhl. MPSVaR SR č. 508/09 Z. z , § 20, podľa § 16 odst. 4 a 7 zákona č. 124/2006 Z. z., o BOZP a zmene a doplnení niektorých zákonov v znení neskorších predpisov , ktorými sa dopĺňa zákon č. 355/2007 Z. z., o podpore verejného zdravia, najmä zák. č. 470/2011 Z. z. s vyznačením účasti na origináli „ Osvedčenia“.</p>
           
                            </div>
                            <p class="center">Vyplňte osobné údaje</p>
                            <input type="text" name="name" id="name" class="form-control" placeholder="Meno" required="required">
                            <input type="text" name="email" id="email" class="form-control" placeholder="Email" required="required">
                            <input type="tel" name="phone" id="phone" class="form-control" placeholder="Telefónne číslo" pattern="[0-9]+"  title="Zadajte iba čísla." required="required">
                            
<input type="hidden" name="send" value="1" />
 <button type="submit" value="SEND"  id="submit" class="btn btn-primary"> ODOSLAŤ PRIHLÁŠKU</button>

</form>


Vyberteškolenie
§20波切纳奥索巴
Aktualizácia:§21 AŽ§24
§21 AŽ23
§24修订版技术
ZÁVÄZNÁPRIHLÁŠKA
Na“Kurz o POUČENEJ OSOBE”
“podľa vyhl.MPSVaR SRč508/09 Z.Z，§20，podľa§16 odst.4 a 7 Zákonač124/2006 Z.Z.，o BOZP a zmene a doplnen niektorých Zákonov v znen neskoršch predpisov，ktorými sa dopĺa Zákončkonč355/2007 Z.Z.，o podpore verejného zdravia，najmčZčZčZčZčZčZčZčs.Z.čnčna”
Vyplňte osobnúdaje
奥多斯拉·普里赫·什库

页面的URL在这里
我是盲的，我没有在其他复选框中输入对函数的调用。
通过向每个复选框添加函数进行修复
 <label  class="container riadok"><p for="document1" class="dolava">§20 
 Poučená osoba</p>
 <input type="checkbox" class="daychecks"  name="document[]" value="20" 
 id="document1" onclick="checkOnlyOne(this.value); myFunction()" />
 <span class="checkmark"></span>
 </label>
<label class="container riadok"><p for="document" 
class="dolava">Aktualizácia: §21 AŽ §24</p>
<input type="checkbox" class="daychecks"  name="document[]" value="21-24" 
id="document2" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>
<label class="container riadok"><p for="document" class="dolava">§21 AŽ §23 
pre EZ</p>
<input type="checkbox" class="daychecks"  name="document[]" value="21-23" 
id="document3" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>
<label class="container riadok"><p for="document" class="dolava">§24 Revízny 
technik</p>
<input type="checkbox" class="daychecks" name="document[]" value="24" 
id="document4" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>

§20
波切纳奥索巴
Aktualizácia:§21 AŽ§24
§21 AŽ§23
前EZ
§24修订版
德尼克
我是盲的，我没有在其他复选框中输入对函数的调用。
通过向每个复选框添加函数进行修复
 <label  class="container riadok"><p for="document1" class="dolava">§20 
 Poučená osoba</p>
 <input type="checkbox" class="daychecks"  name="document[]" value="20" 
 id="document1" onclick="checkOnlyOne(this.value); myFunction()" />
 <span class="checkmark"></span>
 </label>
<label class="container riadok"><p for="document" 
class="dolava">Aktualizácia: §21 AŽ §24</p>
<input type="checkbox" class="daychecks"  name="document[]" value="21-24" 
id="document2" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>
<label class="container riadok"><p for="document" class="dolava">§21 AŽ §23 
pre EZ</p>
<input type="checkbox" class="daychecks"  name="document[]" value="21-23" 
id="document3" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>
<label class="container riadok"><p for="document" class="dolava">§24 Revízny 
technik</p>
<input type="checkbox" class="daychecks" name="document[]" value="24" 
id="document4" onclick="checkOnlyOne(this.value); myFunction()" >
<span class="checkmark"></span>
</label>

§20
波切纳奥索巴
Aktualizácia:§21 AŽ§24
§21 AŽ§23
前EZ
§24修订版
德尼克
您的代码中需要改进的地方很少，我已经完成了，现在正在按预期工作
您需要在每个复选框上调用myFunction
文本显示-在该函数中，您只需this
，它引用单击的元素，并在函数中只需检查输入是否已选中，并且元素的id
是文档1
，这样您就不需要编写代码each输入或您拥有的多个文本
此外，您不需要通过向其添加true
来检查if条件，因为if（e.checked）
意味着如果您不需要定义任何内容，也不需要选中false，那么这将truthy
-（true）。由于框一旦更改，它将取消选中默认值
编辑：因为您想在不同的复选框中显示不同的文本，所以选中了该复选框。我也添加了该功能
现场工作演示：

功能检查onlyone（b）{
var x=document.getElementsByClassName（'daychecks'）；
var i；
对于（i=0；i