js / jQuery / jQuery Mobile 如何动态修改 radio、checkbox、select 的值

最近接盘一些老古董项目,需要使用原生 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