如何取消选中特别提交的文件[重复]

Posted

技术标签:

【中文标题】如何取消选中特别提交的文件[重复]【英文标题】:How to make uncheck in particular filed [duplicate] 【发布时间】:2018-05-11 18:53:27 【问题描述】:

这里我有两个字段

    属性类型 卧室

假设我点击的属性类型是 Plot/Site/Land 我想取消选中 Bedroom,怎么做?

Property Type :

<fieldset class="checkboxes">
        <label><input type="checkbox" name="propertyType" value="4" onclick="myFunction()"> Apartment</label>

         <label><input type="checkbox" name="propertyType" value="5" onclick="myFunction()"> Independent House/ Villa</label>

         <label><input type="checkbox" name="propertyType" value="6" onclick="myFunction()"> Individual House/ Standalone Building</label>

         <label><input type="checkbox" name="propertyType" value="7" onclick="myFunction()"> Plot/Site/Land</label>
</fieldset>


Bedroom:

<ul style="padding-left: 0px;">
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 Room/Hall" name="unitType" type="checkbox" onclick="myFunction()">1 Room/Hall</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 RK" name="unitType" type="checkbox" onclick="myFunction()">1 RK</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 BHK" name="unitType" type="checkbox" onclick="myFunction()">1 BHK</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="2 BHK" name="unitType" type="checkbox" onclick="myFunction()">2 BHK</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="3 BHK" name="unitType" type="checkbox" onclick="myFunction()">3 BHK</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="4 BHK" name="unitType" type="checkbox" onclick="myFunction()">4 BHK</label></li>
      
          
      <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="4+ BHK" name="unitType" type="checkbox" onclick="myFunction()">4+ BHK</label></li>
      
          
  </ul>

【问题讨论】:

【参考方案1】:

在您的属性类型复选框上注册change() 侦听器并取消选中所有单元类型。

$(function() 
  $("input[name=propertyType]").change(function() 
    $("input[name=unitType]").prop("checked", false);
  );
);

function myFunction() 
  console.log('myfunction called');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Property Type :

<fieldset class="checkboxes">
  <label><input type="checkbox" name="propertyType" value="4" onclick="myFunction()"> Apartment</label>

  <label><input type="checkbox" name="propertyType" value="5" onclick="myFunction()"> Independent House/ Villa</label>

  <label><input type="checkbox" name="propertyType" value="6" onclick="myFunction()"> Individual House/ Standalone Building</label>

  <label><input type="checkbox" name="propertyType" value="7" onclick="myFunction()"> Plot/Site/Land</label>
</fieldset>


Bedroom:

<ul style="padding-left: 0px;">

  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 Room/Hall" name="unitType" type="checkbox" onclick="myFunction()">1 Room/Hall</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 RK" name="unitType" type="checkbox" onclick="myFunction()">1 RK</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="1 BHK" name="unitType" type="checkbox" onclick="myFunction()">1 BHK</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="2 BHK" name="unitType" type="checkbox" onclick="myFunction()">2 BHK</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="3 BHK" name="unitType" type="checkbox" onclick="myFunction()">3 BHK</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="4 BHK" name="unitType" type="checkbox" onclick="myFunction()">4 BHK</label></li>


  <li class="col-md-12" style="padding-left: 0px;"><label class="space"><input value="4+ BHK" name="unitType" type="checkbox" onclick="myFunction()">4+ BHK</label></li>


</ul>

【讨论】:

这不是确切的答案,假设我单击 Plot/Site/Land 意味着我也必须取消选中,当我取消选中 Plot/Site 时,我想让它自行禁用 betroom 字段/Land 再次意味着我必须启用它 @31piy.你在吗?你能更新你的答案吗 @MithunM -- 您的问题已被标记为重复。此外,您的问题并不包含所有要求。如果您认为您的问题有所不同,请编辑您的问题并包含所有相关详细信息。

以上是关于如何取消选中特别提交的文件[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如果选中/取消选中复选框,则启用/禁用提交按钮?

自定义单选按钮:如何取消选中? (复选框黑客)[重复]

如何使用角度7中json的真假值来选中和取消选中复选框[重复]

使用 Jquery 选中/取消选中输入框 [重复]

jQuery复选框选中/取消选中[重复]

如何“取消还原”已还原的 Git 提交?