Set choice field value using java script :

I have a choice field with values :

When my page loads, my choice column should be selected as "Cancelled"(i don't want to set using OOTB default value option.)

  • In which kind of Context, a Form ? Listview?
    – Ren Hoek
    Jun 4, 2012 at 7:26
  • ootb list form say, editform.aspx Jun 4, 2012 at 7:37

1 Answer 1


Imagine you have the following radio buttons:

<input type="radio" name="color" value="pink" /> Pink 
<input type="radio" name="color" value="black" /> Black  

You can select the radio button using the following jQuery code. Insert this code in EditForm.aspx and you're good to go.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

    var presetValue = "black";

Here is the JS only code:

Refer the JS in the EditForm.aspx:

Try this in your myjs.js file:

 var inputs = document.getElementsByTagName("radio");
 var i = 0;
 for (i = 0; i < inputs.length; i++) {
 var input = inputs[i];
 if (input.id.indexOf('color') > -1)     
    document.getElementById('pink').checked = false;
    document.getElementById('black').checked = true;
  • can i do it with javascript only.No jquery Jun 4, 2012 at 8:18
  • What is the glitch while using jQuery? Jun 4, 2012 at 8:23
  • for the particular requirement i can only use javascript. Jun 4, 2012 at 8:25
  • try my updated response. Note, I haven't tested it myself so please feel free to improve it. Jun 4, 2012 at 9:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.