How to set radio button value as checked or unchecked situation

Question

<input type="radio" name="imgsel"  value="" checked />

My requirement is : This radio button by default checked then value of this button is 'present'. When this button is unchecked , then value this button is 'absent'. how can i do this?

please, help me . Thanks in advance .

https://stackoverflow.com/questions/11700252/how-to-change-a-radio-button-value — HDM91, Dec 13 '21 at 08:45
See this comment for the answer : https://stackoverflow.com/a/19666627/15721671 — superdunck, Dec 13 '21 at 08:49

Aman Sharma · Answer 1 · 2021-12-13T08:57:37.777

1

function valChange(element)
{
   if (element.checked)
  {
     alert("present");
  } else
  {
    alert("absent");
  }
   }

<input id="button" type="checkbox" name="imgsel" 
onchange="valChange(this)" value="" checked />

edited Dec 13 '21 at 08:57

answered Dec 13 '21 at 08:50

Aman Sharma

933
1
4
12

Check Out This :- https://stackoverflow.com/questions/15105447/how-can-i-toggle-radiobutton – Noor Ahmed Natali Dec 13 '21 at 08:55

score 0 · Answer 2 · answered Dec 13 '21 at 09:15

The following example replaces the value of the checkbox when clicked. First the click event must be bound to the checkbox. The EventHandler checks whether the box has already been checked. If not, it checks it and sets the value in the checkbox. And if it has not been checked, the other way round.

let i = document.querySelector('input');

i.addEventListener('click', (ev) => {
  let el = ev.target;
  
  if (el.getAttribute('checked') === null) {
    el.setAttribute('checked', true);
    el.value = "present"         
  } else {    
    el.removeAttribute('checked');
    el.value = "absent"    
  }
  let checkValue = document.querySelector('input').value
  alert(checkValue)
})

<input type="radio" name="imgsel"  value="" checked />

How to set radio button value as checked or unchecked situation

2 Answers2