Home >Web Front-end >JS Tutorial >How to determine whether a radio button is selected in jquery
Jquery method to determine whether the radio button is selected: 1. Get the id when loading the page, the code is [var id= $(this).attr("id");]; 2. Click the button When getting the id, the code is [var id= $(this).attr("id");].
The operating environment of this tutorial: windows7 system, jquery3.2.1 version, Dell G3 computer. This method is suitable for all brands of computers.
Jquery method to determine whether a radio button is selected:
The html code is as follows:
<input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="ra" value="b" /> <input type="radio" id="d3" name="ra" value="c" />
1. Get the id
when loading the page$("input[type='radio']").each(function(){ var id= $(this).attr("id"); if($("#"+id).attr("checked")=="checked"){ var fs=$("#"+id).val(); } }); var s1 = $(".aa:checked").val(); // .aa 为class var s2 = $("input[name='ra']:checked").val();
2. Get the id when clicking the button
$(function(){ $("input[type='radio']").click(function(){ var id= $(this).attr("id"); alert(id); }); });
Related learning recommendations: javascript learning tutorial
The above is the detailed content of How to determine whether a radio button is selected in jquery. For more information, please follow other related articles on the PHP Chinese website!