Question

我有代码，我从检查中得到它：

<td class=ox-list-pair style>
<input type="CHECKBOX" name="ox_CkSurvey_Sport__xava_selected" value="selected:0" onclick="openxava.onSelectElement('CkSurvey','Sport','null','row=0,viewObject=xava_view',this.checked,'ox_CkSurvey_Sport__0',false,'','border-bottom: 1px solid;','',false,false,0,'xava_tab')">
</td>

我试图隐藏复选框，但没有一个成功。我的尝试：

input[type=checkbox].ox_CkSurvey_Sport__xava_selected {
     display: none;
}

ox_CkSurvey_Sport__xava_selected {
     display: none;
}

.ox_CkSurvey_Sport__xava_selected input[type="checkbox"]{
     display:none;
}

请注意，<td>有效，因为它位于<tr>以及<table>内。

请帮帮我。感谢。

Answer 1

你应该阅读CSS选择器。

https://www.w3schools.com/cssref/css_selectors.asp

您正试图隐藏“ox_CkSurvey_Sport__xava_selected”类的复选框，但这不存在。

你需要这样做：

input[type=checkbox][name=ox_CkSurvey_Sport__xava_selected] {
    display: none;
}

Answer 2

您的<td>有效吗？ <td>有效的原因是：

必须在<tr>

<tr>必须位于<table>

从技术上讲，<tr>必须位于<tbody>，<thead>或<tfoot>，但默认情况下浏览器会创建<tbody> <table>。

在演示中：

<table>，<tr>，<td>以及您的杂乱复选框。
<td>和一个简单的复选框。

注意：选择器为td.ox-list-pair > input[type="checkbox"]，它成功隐藏了凌乱的复选框，无法隐藏简单的复选框。因此，您可以看到浏览器将忽略无效的<td>及其中的所有内容。我出去了，假设你的<td>不在<tr>和/或<table>内。

演示

＆＃13;

$('td.ox-list-pair > input[type="checkbox"]').css('display', 'none');

＆＃13;

b {
  color: red
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td class='ox-list-pair' style>
      <input type="CHECKBOX" name="ox_CkSurvey_Sport__xava_selected" value="selected:0" onclick="openxava.onSelectElement('CkSurvey','Sport','null','row=0,viewObject=xava_view',this.checked,'ox_CkSurvey_Sport__0',false,'','border-bottom: 1px solid;','',false,false,0,'xava_tab')">I'm
      in a valid cell
    </td>
  </tr>
</table>

<td class='ox-list-pair'>
  <input type="CHECKBOX">I'm in an <b>invalid</b> cell
</td>

＆＃13;

使用css隐藏复选框

2 个答案:

演示