JavaScript Exclude all text type inputs from querySelectorAll(“input”)

I have the following setup where a custom checkmark is added to style the radio buttons. but it also adds that checkmark to the text type inputs.

var changed =function(){

    Array.from(document.querySelectorAll("table")).forEach((element,index) =>
    {
      Array.from(element.querySelectorAll("input")).forEach((myinp,index) =>
      {

              if(myinp.checked==true){
                   myinp.parentNode.parentNode.classList.add("active");
              }else{
                  myinp.parentNode.parentNode.classList.remove("active");
              }

      });
    });  
}//changed function ends

Array.from(document.querySelectorAll("table")).forEach((element,index) =>
{
    Array.from(element.querySelectorAll("input")).forEach((myinp,index) =>
    {
       var checkmark = document.createElement("span");
       checkmark.classList.add("checkmark");
       myinp.parentNode.appendChild(checkmark);
       myinp.addEventListener("change", changed);
    });
});
table tbody tr td:first-child{
position:relative;
}
.confirmit-table tbody tr input[type='radio'][type='checkbox']{
visibility:hidden
}


 /*Create a custom checkbox */
.checkmark,.dotmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 25px;
  background-color: #eee;
}
input[type='text']{
  width:20px;
}
/* On mouse-over, add a grey background color */
table tbody tr:hover input ~ .checkmark {
  background-color: #ccc;
}
/* On mouse-over, add a grey background color */
table tbody tr:hover input ~ .dotmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
table tbody tr input:checked ~ .checkmark {
  background-color:#11448d;
}
/* When the checkbox is checked, add a blue background */
table tbody tr input:checked ~ .dotmark  {
  background-color:#11448d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,.dotmark:after  {
  content: "";
  position: absolute;
  display: none;
  top:50%;
}

/* Show the checkmark when checked */
table tbody tr input:checked ~ .checkmark:after{
  display: block;
}

/* Show the checkmark when checked */
table tbody tr input:checked ~ .dotmark:after{
  display: block;
}
    
    
/* Style the checkmark/indicator */
table tbody tr .checkmark:after {
  left: 9px;
  top: 30%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
table tbody tr .dotmark:after {
    left: 8px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color:#fff;  
}

/*Custom check boxes/radio buttons*/
table label {
  width:350px;
  display:block;
  margin:0px;
  padding:5px 10px;
} 
table label:hover{
margin:0px;
}


  
.confirmit-table tbody tr{
  background-color:#f5f5f5;
}
.active{
  background:#6081b9 !important;
}
<table>
  <tr>
    <td>
      <input id='txt1' type='text' name='test'>
     
    </td>
    <td>
      <label for='txt1'>Text Input1</label> 
    </td> 
  </tr>
  <tr>
    <td>
      <input id='txt2' type='text' name='test'>
     
    </td>
    <td>
      <label for='txt2'>Text input 2</label> 
    </td> 
  </tr>
  <tr>
    <td>
      <input id='inp1' type='radio' name='test'>
     
    </td>
    <td>
      <label for='inp1'>Radio button 1</label> 
    </td> 
  </tr>
  <tr>
    <td>
      <input id='inp2' type='radio' name='test'>
      
    </td>
    <td>
      <label for='inp2'>Radio button 2</label> 
    </td> 
  </tr>
  <tr>
    <td>
      <input id='inp3' type='radio' name='test'>
    </td>
    <td>
      <label for='inp3'>Radio button 3</label> 
    </td> 
  </tr>
</table>
Answer:1

I need to take some non-trivial javascript and ensure that all code paths have code that is valid. For example: var num = 1; if (num == 2) { badFunctionName(); } and I need to do this from C#. ...

I need to take some non-trivial javascript and ensure that all code paths have code that is valid. For example: var num = 1; if (num == 2) { badFunctionName(); } and I need to do this from C#. ...

  1. verify javascript code online
  2. verify javascript code
  3. check javascript code
  4. check javascript code online
  5. check javascript code for browser compatibility
  6. check javascript code for errors
  7. check javascript code for errors online
  8. check javascript code syntax
  9. check javascript code quality
  10. check javascript code style
  11. verification code javascript
  12. javascript check code syntax online
  13. javascript check code execution time
  14. javascript check code coverage
  15. age verification javascript code
  16. email verification javascript code

Suppose you have an array that is modified by one asynchronous process and then you have another asynchronous process that reads from the same array. Modifications and reads are done synchronously. ...

Suppose you have an array that is modified by one asynchronous process and then you have another asynchronous process that reads from the same array. Modifications and reads are done synchronously. ...

I'm using divs to make an OnePage Site but I found some problems when the "refresh page" is needed. I can't use the ID a href in this case, but I need to use transitions to change the pages. Can I ...

I'm using divs to make an OnePage Site but I found some problems when the "refresh page" is needed. I can't use the ID a href in this case, but I need to use transitions to change the pages. Can I ...

  1. change pages with javascript
  2. change pages with react
  3. change pages with pdf
  4. change pages to word
  5. change pages in pdf online
  6. change .pages to .doc
  7. change pages to docx
  8. change pages to word online
  9. change pages to word doc
  10. change pages to jpeg
  11. change pages to landscape
  12. change pages to dark mode
  13. change pages to posts wordpress
  14. change pages to american english
  15. change pages in pdf file
  16. change pages in power bi
  17. change pages in html
  18. change pages to word document
  19. change pages in excel
  20. change pages to jpg

I want to write the value of range input to the thumb. I looked to every single question about this I could find on Google and I didn't find a solution. I also want to when the value is 10001 I want ...

I want to write the value of range input to the thumb. I looked to every single question about this I could find on Google and I didn't find a solution. I also want to when the value is 10001 I want ...

  1. write value to range vba