html判断如果name="xqdmc"中xqdmc 的值为1 , 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选可见的值为13,14,15并默认是选中状态其它值不可选

可以通过JavaScript来实现对复选框的控制。首先，需要给每个复选框设置一个唯一的id，方便后续操作。然后，在判断name="xqdmc"中xqdmc 的值为1的条件成立时，获取所有复选框的DOM对象，遍历每个复选框，如果其值不是13、14或15，则设置其为disabled状态，同时取消其选中状态。代码示例如下：

if(document.getElementsByName("xqdmc")[0].value == 1){
  var checkboxes = document.querySelectorAll('input[name="fenlei"]');
  for(var i=0; i<checkboxes.length; i++){
    if(checkboxes[i].value != 13 && checkboxes[i].value != 14 && checkboxes[i].value != 15){
      checkboxes[i].disabled = true;
      checkboxes[i].checked = false;
    }
  }
}

需要在页面加载完成后执行上述代码，可以将其放在window.onload事件回调函数中，或者在页面底部加上<script>标签并将其内容包裹在document.onload事件回调函数中。

相关问题

html判断如果下拉框id="xqdmc" 的值为1 , 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选的值为11,12,13,14,15并默认是选中状态,其它值不可选,如果下拉框id="xqdmc"的值为10, 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选的值为32并默认是选中状态,其它值不可选

可以使用JavaScript来实现这个需求，具体步骤如下：

1. 获取下拉框的值

使用JavaScript获取下拉框的值，可以使用以下代码：

var xqdmc = document.getElementById("xqdmc");
var xqdmcValue = xqdmc.options[xqdmc.selectedIndex].value;

2. 根据下拉框的值，设置复选框的可选项和默认选中状态

根据下拉框的值来判断应该哪些复选框是可选的，并且设置默认选中状态，可以使用以下代码：

var checkboxes = document.getElementsByName("fenlei");
if (xqdmcValue == "1") {
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].disabled = true;
    if (checkboxes[i].value == "11" || checkboxes[i].value == "12" || checkboxes[i].value == "13" || checkboxes[i].value == "14" || checkboxes[i].value == "15") {
      checkboxes[i].disabled = false;
      checkboxes[i].checked = true;
    }
  }
} else if (xqdmcValue == "10") {
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].disabled = true;
    if (checkboxes[i].value == "32") {
      checkboxes[i].disabled = false;
      checkboxes[i].checked = true;
    }
  }
}

在上面的代码中，我们首先使用`document.getElementsByName("fenlei")`来获取所有的复选框，然后根据下拉框的值来设置哪些复选框是可选的，并且设置默认选中状态，其它复选框则设置为不可选。最后，我们将复选框的状态更新到页面上。

html判断如果id="xqdmc"中xqdmc 的值为1 , 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选可见的值为12,13,14,15并默认是选中状态其它值不可选,如果xqdmc 的值为1复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选可见的值为12,13,14,15并默认是选中状态其它值不可选

您可以使用JavaScript来实现这个功能。具体实现步骤如下：

1. 在HTML中给复选框添加一个唯一的id，比如id="checkboxGroup"。

2. 使用JavaScript获取id="xqdmc"的元素的值。

3. 如果值为1，则获取id="checkboxGroup"的所有子元素（即所有复选框），并遍历每个复选框。

4. 对于可选可见的值为12,13,14,15并默认是选中状态的复选框，设置checked属性为true，否则设置为false。

以下是示例代码：

<div id="checkboxGroup" class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}">
  <label th:each="dict : ${type}" class="check-box">
    <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}">
  </label>
</div>

<script>
  var xqdmcValue = document.getElementById("xqdmc").value;

  if (xqdmcValue == "1") {
    var checkboxGroup = document.getElementById("checkboxGroup");
    var checkboxes = checkboxGroup.getElementsByTagName("input");

    for (var i = 0; i < checkboxes.length; i++) {
      var checkboxValue = checkboxes[i].value;

      if (checkboxValue == "12" || checkboxValue == "13" || checkboxValue == "14" || checkboxValue == "15") {
        checkboxes[i].checked = true;
      } else {
        checkboxes[i].checked = false;
        checkboxes[i].disabled = true;
      }
    }
  }
</script>

需要注意的是，在实际使用中，您需要将id="xqdmc"的元素添加到HTML中，并将其值设置为1。另外，本示例代码仅供参考，具体实现方式可能因项目框架、需求等因素而有所不同。