单选按钮检查事件处理

时间:2010-04-28 17:32:23

标签: jquery radio-button checked

在我的应用程序中,我需要一个无线电组,每当检查一个单选按钮时,就会发出警报,以便我可以使用jQuery将它的值发布到ajax帖子。

你能帮助我,请问我如何在jQuery中做到这一点?

6 个答案:

答案 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)
    }

});