爲什麼我的'如果單選按鈕被選中'腳本不起作用？

-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

爲什麼我的'如果單選按鈕被選中'腳本不起作用？

回答

相關問題