jQuery Mobile: กลุ่มควบคุมแนวตั้งสองหรือสามคอลัมน์ของปุ่มตัวเลือก

ฉันตัดสินใจสร้างสองคอลัมน์สำหรับแหล่งที่มาทางการตลาด ขวาและซ้าย. ชื่อคือ "marketing_source_left" และ "marketing_source_right" ฉันเติมกลุ่มควบคุมแนวตั้งวิทยุสองกลุ่มแล้วใช้ jQuery เพื่อเปลี่ยนทั้งสองกลุ่มให้มีคุณสมบัติ "ชื่อ" เป็นเพียง "marketing_source"

// Define current marketing_source value and remove hidden field
var marketing_source = $('#marketing_form #marketing_source').val(); // hidden field
$('#marketing_form #marketing_source').val(marketing_source).remove();

// Change all marketing source radios (left and right sides)
// to have property name="marketing_source"
$("#marketing_form input:radio[name='marketing_source_left']").prop('name', 'marketing_source').prop('checked', false);
$("#marketing_form input:radio[name='marketing_source_right']").prop('name', 'marketing_source').prop('checked', false);

// Set the radio to checked for the marketing source value
$('#marketing_form input[type="radio"]:checked').prop('checked', false); // Uncheck current
$('#marketing_form input:radio[name="marketing_source"]').filter('[value="'+marketing_source+'"]').prop('checked', true);
$('#marketing_form input:radio[name="marketing_source"]').checkboxradio('refresh');

CSS ที่ใช้เป็นสิ่งที่คล้ายกับสิ่งนี้

#marketing_right_div, #marketing_left_div {
    display: inline-block !important;
    width: 314px !important;
    text-align: top;
    vertical-align: top;
}