How to select input with checked checked?

Question

How to select input with checked checked?

Navigation

#1 by (3 votes)
#2 by (2 votes)

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 ?

I tried:

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

But we still need to check if it is checked.

javascript html jquery

asked by anonymous 09.05.2018 / 15:26

2 answers

2

Example without using the 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><inputtype="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>

09.05.2018 / 16:30

Invert id string into a table Why does NaN return? and how to return Number?

score 3 · Accepted Answer

Filter by input type and add the checked attribute 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><inputtype="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