jQuery获得radio按钮的值

来源：互联网发布：淘宝衣服背景素材编辑：程序博客网时间：2024/05/17 08:51

/***************************by garcon1986********************************/

ajax1.js

$(function(){ //$(function(){}) equals to $(document).ready(function(){}), equals to $().ready(function(){})$("#button_check").click(function(){ //define click event of #button_check elementvar var_name = $("input[name='radio1']:checked").val(); //define a variable var_name//input element whose name property equals radio1 and which is selected, we get its value$('#btn_get').val(var_name); //assign this value to the element whose id is 'btn_get'});});

ajax.php

<html><head><mce:script src="jquery-1.4.js" mce_src="jquery-1.4.js"></mce:script><mce:script type="text/javascript" src="ajax1.js" mce_src="ajax1.js" ></mce:script></head><body><input type="radio" value="Blue" name="radio1">Blue</input><input type="radio" value="White" name="radio1">White</input><input type="radio" value="Red" name="radio1">Red</input><input id="button_check" type="button" value="Click" name="btn"></input><br /><input id="btn_get" type="text" name="get_btn_value"></input></body></html>