最近接盘一些老古董项目，需要使用原生 js / jQuery / jQuery Mobile 动态修改 radio、checkbox、select 的值，jQuery Mobile 还真是第一次用，用起来就踩了些坑，主要出现在动态修改 radio、checkbox、select 的值这里。
使用 jQuery 动态修改 radio、checkbox、select 的值
$('input[type="radio"]').prop('checked', false); // radio
$('input[type="checkbox"]').prop('checked', false); // checkbox
$('select').find('option').prop('selected', false); // select
使用 jQuery Mobile 动态修改 radio、checkbox、select 的值
$('input[type="radio"]').prop('checked', false).checkboxradio('refresh'); // radio
$('input[type="checkbox"]').prop('checked', false).checkboxradio('refresh'); // checkbox
$('select').find('option').prop('selected', false).parent().selectmenu('refresh', true); // select
$('select').val('xxx').selectmenu('refresh', true); // 或者直接设 select 值 xxx
使用原生 js 动态修改 radio、checkbox、select 的值
document.querySelectorAll('input[type="radio"]')[0].checked = true // radio
document.querySelectorAll('input[type="checkbox"]')[0].checked = true // checkbox
document.querySelectorAll('select option')[0].selected = true // select
