Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let radioButtons = document.querySelectorAll(".profile input[type=radio]");
- let normalButtons = document.querySelectorAll("button");
- radioButtons.forEach(button =>{
- button.addEventListener("click", changeRadioButtonStatus);
- }
- function changeRadioButtonStatus(e){
- let element = e.target;
- if(element.name == "user1Locked"){
- if(element.value == "lock"){
- element.checked = true;
- radioButtons[1].checked = false;
- }else{
- element.checked = true;
- radioButtons[0].checked = false;
- }
- } else if(element.name == "user2Locked"){
- if(element.value == "lock"){
- element.checked = true;
- radioButtons[3].checked = false;
- }else{
- element.checked = true;
- radioButtons[2].checked = false;
- }
- }else if(element.name == "user3Locked"){
- if(element.value == "lock"){
- element.checked = true;
- radioButtons[5].checked = false;
- }else{
- element.checked = true;
- radioButtons[4].checked = false;
- }
- }
- }
- normalButtons.forEach(button => {
- button.addEventListener("click", showInfo);
- })
- function showInfo(e){
- let currentButton = e.target;
- if(currentButton == normalButtons[0]){
- if(radioButtons[1].checked && currentButton.textContent == "Show more"){
- document.getElementById("user1HiddenFields").style.display = "block";
- currentButton.textContent = "Hide it";
- }else if(radioButtons[1].checked && currentButton.textContent == "Hide it") {
- document.getElementById("user1HiddenFields").style.display = "none";
- currentButton.textContent = "Show more";
- }
- }else if(currentButton == normalButtons[1]){
- if(radioButtons[3].checked && currentButton.textContent == "Show more"){
- document.getElementById("user2HiddenFields").style.display = "block";
- currentButton.textContent = "Hide it";
- }else if(radioButtons[3].checked && currentButton.textContent == "Hide it") {
- document.getElementById("user2HiddenFields").style.display = "none";
- currentButton.textContent = "Show more";
- }
- }else if(currentButton == normalButtons[2]){
- if(radioButtons[5].checked && currentButton.textContent == "Show more"){
- document.getElementById("user3HiddenFields").style.display = "block";
- currentButton.textContent = "Hide it";
- }else if(radioButtons[5].checked && currentButton.textContent == "Hide it") {
- document.getElementById("user3HiddenFields").style.display = "none";
- currentButton.textContent = "Show more";
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement