How to set radio Button Checked by its text value
<p>I am trying to set Radio Button Checked based on its text value </p>

<p>This is my HTML Code</p>

<pre><code>&lt;section class="trainers_listWrap"&gt;
   &lt;li&gt;&lt;label class="mt-radio mt-radio-outline traine"&gt;
      &lt;input type="radio" data-value="One" class="trainerradio" value="62" name="trainernames"&gt;One
      &lt;span&gt;&lt;/span&gt;
      &lt;/label&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;label class="mt-radio mt-radio-outline traine"&gt;
      &lt;input type="radio" data-value="Two" class="trainerradio" value="9" name="trainernames"&gt;Two
      &lt;span&gt;&lt;/span&gt;
      &lt;/label&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;label class="mt-radio mt-radio-outline traine"&gt;
      &lt;input type="radio" data-value="THree" class="trainerradio" value="17" name="trainernames"&gt;THree
      &lt;span&gt;&lt;/span&gt;
      &lt;/label&gt;
   &lt;/li&gt;

&lt;/section&gt;
</code></pre>

<p>I have tried as (Trying to check Two Radio Button in the above HTML )</p>

<pre><code> $('input:radio[name="trainernames"][value="Two"]').prop('checked', true);
</code></pre>

<p>This is my fiddle </p>

<p><a href="http://jsfiddle.net/cod7ceho/376/" rel="nofollow noreferrer">http://jsfiddle.net/cod7ceho/376/</a></p>

<p>Could you please let me know how to set Radio button based on its text value </p>