为什么我的'如果单选按钮被选中'脚本不起作用？

-3

我有一张桌子，您可以计划每天的假期。而且你还必须选择它是哪一天，并且我有单选按钮。但我希望如果选中'停留'单选按钮，它会显示另一行，当'travelling'无线电按钮被选中时。我已经阅读了有关单选按钮是否被选中的其他问题。但我的脚本不起作用，我不知道为什么。这里是html：为什么我的'如果单选按钮被选中'脚本不起作用？

<table class="table"align="center"> 
     <tr class="nav_row" > 
     <th>Soort dag</th> 
      <th>Dag</th> 
      <th>Datum</th> 
      <th>Plaats</th> 
      <th>Verblijf naam</th> 
      <th>Type verblijf</th> 
      <th>Opmerkingen of andere dingen</th> 
      <th>Kosten</th> 
      </tr> 
      <tr> 
      <td><input id="verblijven1" type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input id="reizen1" type="radio" name="soort dag" value="op reis" onclick="hideplaats1()"> Aan het reizen (bijv. vliegtuig, auto enz.)<br> 
      <input class="plan_button btn" type="button" onclick="dag1Function()" value="clear row"></td> 
      <td>1</td> 
      <form id="dag1plaats"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 

    <form id="dag1reizen"> 
    <td><input type="text"></input></td> 
      <td><label for="vertrek1">vertrek plaats</label> 
<input id="vertrek1"type="text"></input></td> 
      <td><label for="typevervoer1">type vervoer</label 
<input id="typevervoer1"type="text"></input></td> 
      <td><label for="aankomst1">aaknkomst plaats</label 
<input id="aankomst1> type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
    </form> 
      </tr> 

      <tr> 
      <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag2Function()" value="clear row"></td> 
      <td>2</td> 
      <form id="dag2"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 

      <tr> 
       <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag3Function()" value="clear row"></td> 
      <td>3</td> 
      <form id="dag3"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 
      <tr> 
       <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag4Function()" value="clear row"></td> 
      <td>4</td> 
      <form id="dag4"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 
      <tr> 
       <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag5Function()" value="clear row"></td> 
      <td>5</td> 
      <form id="dag5"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 
      <tr> 
       <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag6Function()" value="clear row"></td> 
      <td>6</td> 
      <form id="dag6"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 
      <tr> 
       <td><form><input type="radio" name="soort dag" value="op een plaats" checked> Aan het verblijven (in bijv. hotel, camping enz.)<br><input type="radio" name="soort dag" value="op reis"> Aan het reizen (bijv. vliegtuig, auto enz.)</form><br> 
      <input class="plan_button btn" type="button" onclick="dag7Function()" value="clear row"></td> 
      <td>7</td> 
      <form id="dag7"> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><input type="text"></input></td> 
      <td><textarea rows="4" cols="35"></textarea></td> 
      <td><input type="text"></input>euro</td> 
      </tr> 
      </table>

我也有一个明确的行按钮来清除输入的一天。这工作正常，如果我没有单选按钮的其他脚本。但是，当我有两个脚本清除按钮不工作了。我现在只有一天的脚本。但是当脚本每天工作需要一个单选按钮脚本。但现在只有第一天。这里是我的脚本：

function dag1Function() { 
    document.getElementById("dag1").reset(); 
} 
function dag2Function() { 
    document.getElementById("dag2").reset(); 
} 
function dag3Function() { 
    document.getElementById("dag3").reset(); 
} 
function dag4Function() { 
    document.getElementById("dag4").reset(); 
} 
function dag5Function() { 
    document.getElementById("dag5").reset(); 
} 
function dag6Function() { 
    document.getElementById("dag6").reset(); 
} 
function dag7Function() { 
    document.getElementById("dag7").reset(); 
} 


$(document).ready(function 12345(){ 
if($('#verblijven1').is(':checked')) { 
    $("#dag1plaats").show(); 
} 
else { $("#dag1plaats").hide(); 
)} 
    } 


$(document).ready(function 1234(){ 
if($('#reizen1').is(':checked')) { 
    $("#dag1reizen").show(); 
} 
else {$("#dag1reizen").hide(); 
} 
)}

所以亩的问题是为什么不晴天按钮的工作时，我有其他脚本，为何单选按钮脚本不工作

来源

2015-12-28 Tom De La Mar

中有你，你代码中包含了jQuery的？在您的代码中添加以下行：'' – Rajesh

您拥有很多***你的HTML中的问题最有可能打破了JS中的逻辑。此外，您可以通过使用公共类和遍历DOM来干代码。 –

是的，我有。我使用引导程序，并有jquery链接到文件。我确定它是我检查过它 –

使用道具方法。

if($('#verblijven1').prop(':checked')){ 
    //....... 
}

为more上道具

来源

2015-12-28 13:01:20

功能名称不得以数字开头，并且应该在一个匿名函数调用反正被省略。

$(document).ready(function(){ //remove 12345 
    if($('#verblijven1').is(':checked')) { 
    $("#dag1plaats").show(); 
    } else { 
    $("#dag1plaats").hide(); 
)} 
}

而且，你想显示和隐藏它，当一个单选按钮的变化，因为如果是这样，你应该把这个事件的事件处理程序，并让被执行此项检查为好。或者把这个检查在其自身的功能和...以及..我不知道..还有很多在脚本回事，太少说明

来源

2015-12-28 13:03:54 PierreDuc

尝试更换$（“＃reizen1”）。是（ '：检查'）与$（ '输入[ID = reizen1]：检查'）

来源

2015-12-28 13:05:47 Nitin

当我尝试他们'Dag重置'脚本不再工作。所以有人可以告诉我，我可以如何解决这个问题 –

我已经解决了第一个脚本没有工作的问题。我做了另一种形式。所以现在我可以尝试单选按钮脚本。 –

你的括号逝去根据需要匿名函数犯规当document.ready(function(){ ... })

回调弄乱被命名。

$(document).ready(function() { 
    if ($('#verblijven1').is(':checked')) { 
    $("#dag1plaats").show(); 
    } else { 
    $("#dag1plaats").hide(); 
    } 
});

您可以创建一个单一的功能，而不是重置数百人

function dagFunction(id) { 
    document.getElementById(id).reset(); 
} 

// Calling it like 
dagFunction("dag1"); // Will reset #dag1

来源

2015-12-28 13:14:00 void

这也不起作用，但感谢您的努力。 –

功能名称不能以数字来开始你的HTML输入

原因：

因为编译时在词法分析中避免了回溯。像一个变量：

Apple;

编译器会知道这是一个标识符时，马上就遇到字母“A”。

但是像变量：

123apple;

编译器将无法决定，如果它是一个数字或标识，直到达到“A”，它需要回溯结果。

上也是如此变量：回答嘉阳上Why can't variable names start with numbers?

来源

2015-12-28 13:14:56

为什么我的'如果单选按钮被选中'脚本不起作用？

回答

相关问题