How to select the checked input?

Asked

Viewed 454 times

1

I have this code:

<input type="radio" name="rankeamento_por" id="rankeamento_por2" value="PROC_MEM_KB" checked> MEMORIA
<input type="radio" name="rankeamento_por" id="rankeamento_por" value="PROC_CPU" > CPU
<input type="radio" name="rankeamento_por" id="rankeamento_por3" value="PROCESS_NAME"> CONTADOR

How can I select only what is checked?

tried: 

$("[name='rankeamento_por']").val())

but still have to check if it is checked.

javascript html jquery

2 answers

3


Filter by input type and add attribute checked to get the value of the checked item.

console.log($("input[name='rankeamento_por']:checked").val())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="rankeamento_por" id="rankeamento_por2" value="PROC_MEM_KB" checked> MEMORIA
<input type="radio" name="rankeamento_por" id="rankeamento_por" value="PROC_CPU"> CPU
<input type="radio" name="rankeamento_por" id="rankeamento_por3" value="PROCESS_NAME"> CONTADOR

  • I tried to run the code here and came script error lineno 0 colno 0. 10/10 lol I love this bug report.

  • You cheated and you’re still making a mistake?

  • No, I tried to run by the element from this page. Disguise my stupidity in not reporting how I executed the code.

2

Example without using jQuery library:

function Exibir(){
  var radio = document.getElementsByName("rankeamento_por");
  for(i=0;i<radio.length;i++){
    if(radio[i].checked){
      console.log(radio[i].value);
      break;
    }
  }
}
<div>
  <input type="radio" name="rankeamento_por" id="rankeamento_por2" value="PROC_MEM_KB" checked/>
  <label for="rankeamento_por2">MEMÓRIA</label>
    
  <input type="radio" name="rankeamento_por" id="rankeamento_por" value="PROC_CPU"/>
  <label for="rankeamento_por">CPU</label>
    
  <input type="radio" name="rankeamento_por" id="rankeamento_por3" value="PROCESS_NAME" />
  <label for="rankeamento_por3">CONTADOR</label>
</div>
<div>
  <button onclick="Exibir()">
    Exibir checkado
  </button>
</div>

Example with jQuery:

$("#exibir").on("click", function(){
  console.log(
    $("input[name='rankeamento_por']:checked").val()
  );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="radio" name="rankeamento_por" id="rankeamento_por2" value="PROC_MEM_KB" checked/>
  <label for="rankeamento_por2">MEMÓRIA</label>
    
  <input type="radio" name="rankeamento_por" id="rankeamento_por" value="PROC_CPU"/>
  <label for="rankeamento_por">CPU</label>
    
  <input type="radio" name="rankeamento_por" id="rankeamento_por3" value="PROCESS_NAME" />
  <label for="rankeamento_por3">CONTADOR</label>
</div>
<div>
  <button id="exibir">
    Exibir checkado
  </button>
</div>

Browser other questions tagged javascript html jquery

You are not signed in. Login or sign up in order to post.