пока я нажимаю username1
в dropdown
, переключатель sepc view
на правой карточке будет отключен. Но код не работает. html-код:
<div class="container">
<div class="row row-cols-2">
<div class="col">
<div class="card">
<div class="card-body">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#" id="username1">Username1</a>
<a class="dropdown-item" href="#" id="username2">Username2</a>
<a class="dropdown-item" href="#" id="username3">Username3</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<div id="switch">
<label for="fname">Spec View</label>  <input id="specview" type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Spec Edit</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Attribute Edit</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Operation Edit</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Section Design</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Cat-Template</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Template Design</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Enumeration</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">User Role</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Formula</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Data Mapping</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
<label for="fname">Operating Log</label>  <input type="checkbox" checked data-toggle="toggle" data-onstyle="info" data-offstyle="light"></br>
</div>
</div>
</div>
</div>
</div>
</div>
js-код:
$(document).ready(function(){
$("#username1").click(function(){
var elmnt = document.getElementById("specview");
var attr = elmnt.getAttributeNode("checked");
elmnt.removeAttributeNode(attr);
});
});
Переключатель Bootstrap, который я использую:https://www.bootstraptoggle.com/ Ссылка на мой проект:https://codepen.io/nutkin/pen/KKgJNMd
elmnt.checked = false;
- person epascarello   schedule 19.01.2021