JSFiddle - React, Tailwind, and code Playground

by Dede Brolosse

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
        

<br><input id="input_text" type="text">
<fieldset data-role="controlgroup" id="field_radio_amis">
    <legend></legend>

    <label for="cat">Cat</label>
    <input type="radio" name="radio_animal" id="cat" class="custom" value="cat" />

    <label for="dog">Dog</label>
    <input type="radio" name="radio_animal" id="dog" class="custom" value="dog" />

</fieldset>
<input type="button" name="btn_go" id="btn_go" value="Click to set button radio and inputbox" />

JavaScript

$(document).ready(function () {

    $("#btn_go").click(function () {
$('#input_text').val('It\'s OK !')
        $('input:radio[name="radio_animal"]').filter('[value="cat"]').prop('checked', true).checkboxradio("refresh");;
       
    });

    return false;

});