Question

我有一张桌子，您可以计划每天的假期。而且你还必须选择它是什么类型的日子，因为我有单选按钮。但我希望如果选择“保持”单选按钮，则会在选择“travel'radio”按钮时显示另一行。我已经阅读了有关if单选按钮被选中的其他问题。但我的脚本不起作用，我不知道为什么。这是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>

我还有一个清晰的行按钮来清除一天的影响。如果我没有de单选按钮的其他脚本，这可以正常工作。但是，当我有两个脚本时，清除按钮不再起作用。我现在只有一天的脚本。但是当脚本每天工作时需要一个单选按钮脚本。但现在只有第一天。这是我的剧本：

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();
}
)}

所以mu问题是为什么当我有另一个脚本并且为什么radiobutton脚本不起作用时，晴天按钮不起作用

Answer 1

函数名称不能以数字开头，并且应该在匿名函数调用中省略。

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

此外，您是否尝试在单选按钮更改时显示和隐藏它，因为如果是这样，您应该在此事件上放置一个事件处理程序，并让我们执行此检查。或者把这个检查放在它自己的功能中......好吧......我不知道......你的脚本中有很多事情，解释太少

Answer 2

无法使用数字

启动函数名称

原因：

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

Send Mediator

编译器会在遇到字母“A”时立即知道它是一个标识符。

但是变量如：

 Apple;

编译器在点击“a”之前无法确定它是否为数字或标识符，因此需要回溯。

与变量相同： Jiayang在Why can't variable names start with numbers?

上的回答

Answer 3

使用 prop 方法。

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

支持<{3}}

的

Answer 4

尝试用$（'input [id = reizen1]：checked'）替换$（'＃reizen1'）。is（'：checked'）

Answer 5

您的括号在document.ready(function(){ ... })

作为匿名函数传递时的回调不需要命名。

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

您可以创建一个功能来重置HTML输入而不是数百个

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

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

为什么我的“if单选按钮被检查”脚本不起作用？

5 个答案: