Advertisement
vdjalov

Untitled

Jan 22nd, 2019
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.10 KB | None | 0 0
  1. function solve() {
  2.  
  3. let radioButtons = document.querySelectorAll(".profile input[type=radio]");
  4. let normalButtons = document.querySelectorAll("button");
  5.  
  6. radioButtons.forEach(button =>{
  7. button.addEventListener("click", changeRadioButtonStatus);
  8. }
  9.  
  10.  
  11. function changeRadioButtonStatus(e){
  12. let element = e.target;
  13. if(element.name == "user1Locked"){
  14. if(element.value == "lock"){
  15. element.checked = true;
  16. radioButtons[1].checked = false;
  17. }else{
  18. element.checked = true;
  19. radioButtons[0].checked = false;
  20. }
  21. } else if(element.name == "user2Locked"){
  22. if(element.value == "lock"){
  23. element.checked = true;
  24. radioButtons[3].checked = false;
  25. }else{
  26. element.checked = true;
  27. radioButtons[2].checked = false;
  28. }
  29. }else if(element.name == "user3Locked"){
  30. if(element.value == "lock"){
  31. element.checked = true;
  32. radioButtons[5].checked = false;
  33. }else{
  34. element.checked = true;
  35. radioButtons[4].checked = false;
  36. }
  37. }
  38. }
  39.  
  40. normalButtons.forEach(button => {
  41. button.addEventListener("click", showInfo);
  42. })
  43.  
  44.  
  45. function showInfo(e){
  46. let currentButton = e.target;
  47. if(currentButton == normalButtons[0]){
  48. if(radioButtons[1].checked && currentButton.textContent == "Show more"){
  49. document.getElementById("user1HiddenFields").style.display = "block";
  50. currentButton.textContent = "Hide it";
  51. }else if(radioButtons[1].checked && currentButton.textContent == "Hide it") {
  52. document.getElementById("user1HiddenFields").style.display = "none";
  53. currentButton.textContent = "Show more";
  54. }
  55.  
  56. }else if(currentButton == normalButtons[1]){
  57. if(radioButtons[3].checked && currentButton.textContent == "Show more"){
  58. document.getElementById("user2HiddenFields").style.display = "block";
  59. currentButton.textContent = "Hide it";
  60. }else if(radioButtons[3].checked && currentButton.textContent == "Hide it") {
  61. document.getElementById("user2HiddenFields").style.display = "none";
  62. currentButton.textContent = "Show more";
  63. }
  64. }else if(currentButton == normalButtons[2]){
  65. if(radioButtons[5].checked && currentButton.textContent == "Show more"){
  66. document.getElementById("user3HiddenFields").style.display = "block";
  67. currentButton.textContent = "Hide it";
  68. }else if(radioButtons[5].checked && currentButton.textContent == "Hide it") {
  69. document.getElementById("user3HiddenFields").style.display = "none";
  70. currentButton.textContent = "Show more";
  71. }
  72. }
  73. }
  74. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement