javascript - 使用 OnClick 隐藏 <tr> 表和 div 的此 javascript 函数 Checklis 有什么问题

Question

我的代码运行不正常

Javascript

function CheckNik() {
  var tfnik = 'input[name="nik"]';
  var tfnonik = 'input[name="nonik"]';
  var nnik = tfnik;
  var nonik = tfnonik;
  var nn = $(nonik).is(':checked');
    if(nn) {
      $(nnik).val('0000000000000000');
      document.getElementById('divnik').style.display = 'none';
      document.getElementById('divdomisili').style.display = 'none';
    } else {
      $(nnik).val('');
      document.getElementById('divnik').style.display = 'block';
      document.getElementById('divdomisili').style.display = 'block';
    }
}

HTML

<table>
            <tr>
              <td>NIK<span class="red">*</span></td>
              <td colspan="2">
                <div id="divnik" style="display:block">
                  <input type="text" name="nik" class="" style="" maxlength="16" id="nik">
                </div>
                <div style="margin-top: 10px; margin-left: -5px; display: block;" id="ceknik"> 
                  <input type="checkbox" name="nonik" id="nonik" onclick="javascript:CheckNik();">Tidak memiliki NIK
                </div>
              </td>
            </tr>
            <div id="divdomisili" style="display:block">
            <tr>
              <td>Domisili<span class="red">*</span></td>
                <td>

                  <select name="propinsi_mustahik" id="propinsi" style="width: 80px;" class="combo-box" onchange="get_cities(this.value);" >
                    <option value="">- Propinsi -</option>
                  </select>
                  <select name="kabupaten" id="kabupaten" class="select" style="width: 80px;" onchange="get_districts(this.value);" >
                  <option value="">- Kab -</option>
                  </select>
                  <input type="hidden" id="keca" name="keca">
                  <select name="kecamatan" id="kecamatan" class="select" style="width: 80px;" onchange="getListOfVillages(this.value);">
                  <option value="">- Kec -</option> 
                  </select>
              </td>
            </tr>
            </div>
</table>

这是我的演示代码: https://jsfiddle.net/kpLccfL4/

我不知道为什么当我勾选复选框(有OnClick功能)时，不能把表和DIV一起隐藏，只有DIV隐藏..

我想同时隐藏 id="divnik" 和 id="divdomisili"。但是这段代码只是隐藏了“divnik

Answer 1

您的第二个代码块将是无效的 html。元素只能出现在元素内部。它们也可以是 、 和 的子元素，但这些元素需要是 table 元素的子元素。所以最终，一个 tr 需要一个表祖先。