JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"></div>

<p id="p1"></p>
    
<div id="test2"></div>

<p id="p2"></p>

JavaScript

$('<input type="radio" />')
    .attr({
        id: 'asdf'
        ,value: 'radio_value'
       ,name: 'radio_name_1'
    })

    .appendTo('#test');

$('<input type="radio" />')
    .attr({
        id: 'asdfasdf'
        ,value: 'radio_value'
        ,name: 'radio_name_1'
    })
        .prop('checked', true)
    .appendTo('#test');

$('#p1').text($('#test').html());

$('<input type="radio" name="radio_name_2"/>')
    .attr({
        id: 'asdf3'
        ,value: 'radio_value'
    })

    .appendTo('#test2');

$('<input type="radio" name="radio_name_2" />')
    .attr({
        id: 'asdfasdf3'
        ,value: 'radio_value'
    })
        .prop('checked', true)
    .appendTo('#test2');


$('#p2').text($('#test2').html());