在我的应用程序中,我需要一个无线电组,每当检查一个单选按钮时,就会发出警报,以便我可以使用jQuery将它的值发布到ajax帖子。
你能帮助我,请问我如何在jQuery中做到这一点?
答案 0 :(得分:49)
尝试这样的事情:
$(function(){
$('input[type="radio"]').click(function(){
if ($(this).is(':checked'))
{
alert($(this).val());
}
});
});
如果您将单选按钮设为一个班级,则可以将代码$('input[type="radio"]')
替换为$('.someclass')
。
答案 1 :(得分:11)
2017年更新:嘿。这是一个可怕的答案。不要使用它。在过去,这种类型的jQuery使用很常见。它可能会起作用。只是读它,意识到它很糟糕,然后继续(或者downvote或者其他)对今天的jQuery更好的其他答案之一。
$("input[type=radio]").change(function(){
alert( $("input[type=radio][name="+ this.name + "]").val() );
});
答案 2 :(得分:5)
HTML代码:
<input type="radio" name="theName" value="1" id="option-1">
<input type="radio" name="theName" value="2">
<input type="radio" name="theName" value="3">
Javascript代码:
$(document).ready(function(){
$('input[name="theName"]').change(function(){
if($('#option-1').prop('checked')){
alert('Option 1 is checked!');
}else{
alert('Option 1 is unchecked!');
}
});
});
在名为“theName”的多个电台中,检查选中或未选中选项1的时间。适用于所有情况:点击控制,使用键盘,使用操纵杆,自动更改其他dinamicaly功能的值等。
答案 3 :(得分:0)
您只需使用 JQuery 的function getData(url, method) {
var ip = location.host;
return axios({
url: url,
method: method,
timeout: 8000,
headers: {
'Content-Type': 'application/json',
}
})
}
(async function(){
let dataObj;
let url = http() + ip + '/getData', method = 'post';
try{
const result = await getData(url, method);
dataObj = result;
} catch (error) {
console.log(error);
}
})();
方法,即可使用以下代码检查当前收音机的值:
<强> JQuery的:强>
change
您可以为所需的类或ID更改选择器$(document).on('change', '[type="radio"]', function() {
var currentlyValue = $(this).val(); // Get the radio checked value
alert('Currently value: '+currentlyValue); // Show a alert with the current value
});
。
问候!
答案 4 :(得分:0)
private String readFile()
{
String myData = "";
File myExternalFile = new File("assets/","log.txt");
try {
FileInputStream fis = new FileInputStream(myExternalFile);
DataInputStream in = new DataInputStream(fis);
BufferedReader br = new BufferedReader(new InputStreamReader(in));
String strLine;
while ((strLine = br.readLine()) != null) {
myData = myData + strLine + "\n";
}
br.close();
in.close();
fis.close();
} catch (IOException e) {
e.printStackTrace();
}
return myData;
}
答案 5 :(得分:0)
$(document).on('change','.radio-button', function(){
const radio = $(this);
if (radio.is(':checked')) {
console.log(radio)
}
});