我有一排复选框:
<input type='checkbox' value="Maps" id="maps" >
<label for='maps'>Maps</label>
<input type='checkbox' value="wikipedia" id="wikipedia" >
<label for='maps'>Wikipedia</label>
... few more
我有一组API,它们应该依赖于各自的复选框在函数内触发。 作为标准,我没有检查它们。当我点击用户输入提交(用户选择城市名称)时,他们都选择了自己。
示例功能:
function fetchMap(city, callback){
if ($('#maps').prop('checked',true)) {
const query = {
url: 'https://maps.googleapis.com/maps/api/geocode/json',
data: {
address: city,
key: 'noobing'
},
success: callback
}
$.ajax(query)
}
}
此外,所有其他API都会在用户提交时同时触发,无论他们的框是否已选中。
如何阻止这些框在提交时自动检查自己,从而确保只有选定的AP获得AJAX?
谢谢