更改单选按钮'已选中'表单提交的属性

时间:2014-07-23 14:56:16

标签: javascript php jquery html forms

我有两个单选按钮。用户可以动态选择和提交以更改我所拥有的HTML表的内容。

如何使用jQuery将“checked”属性设置为相应的单选按钮。因此,默认情况下会检查英国,因此填入“蓝色”。当用户点击Wales时,选中的单选按钮将是威尔士而不是英国。

这也需要是可逆的(即在选择威尔士后选择英国)。

这是我的代码:

<input type="radio" name="region" value="0" checked="checked" /> United Kingdom 
<input type="radio" name="region" value="1" /> Wales

我目前正在提交表单的Javascript:

$('input[name=region]').change(function(){
                    $('form').submit();
                });

请注意,form提交的网址与我的HTML <table>所在的网页相同。

2 个答案:

答案 0 :(得分:1)

看到这段代码我希望它有效。

jQuery(document).ready(function($) {
    $('input[name=region]').change(function(){
        alert(this.value);
                $('form').submit();
            });
});

答案 1 :(得分:0)

如果您的表单是method =“POST”,则需要php:

<?php if(isset($_POST['region']) && $_POST['region'] == 1)) { echo 'checked="true"'; } ?>

或如果其方法=“GET”

你可以使用从url获取参数来设置jQuery(例如:http://www.jquerybyexample.net/2012/06/get-url-parameters-using-jquery.html

如果

var param = 'your value of region param' 

然后做

$(function() {
    $('input[name="region"][value="' + param + '"]')[0].checked = true; 
});