Jquery 如何设置选择列表&；默认情况下，单选按钮值_Jquery_Select_Radio Button

Jquery 如何设置选择列表&；默认情况下，单选按钮值

jquery select

Jquery 如何设置选择列表&；默认情况下，单选按钮值,jquery,select,radio-button,Jquery,Select,Radio Button,我正在使用jquery我的html代码 <input type="radio" name="maritalstatus" id="maritalstatus" value="single"/> single <input type="radio" name="maritalstatus" id="maritalstatus" value="married"/> Married <input type="submit" id="clicksingleac

我正在使用jquery我的html代码

 <input type="radio" name="maritalstatus" id="maritalstatus" value="single"/>
  single
 <input type="radio" name="maritalstatus" id="maritalstatus" value="married"/>
  Married
 <input type="submit" id="clicksingleactive" />
 <input type="submit" id="clickmarriedactive"/>


单一的
已婚的

如果我提交单击“singleactive”按钮，则应检查单身的值，如果我使用“clickmarriedactive”按钮，则应检查已婚值的值如何到达此

<select id="state" name="state">
 <option value="Ukrain"  >Ukrain</option>
 <option value="U.S"  >USA/option>  
</select>


乌克兰
美国/选项>

如果我单击“check ukrain”按钮，该值应在选择列表中选择默认值，如上所述。如何在jquery中实现任何想法？

选择列表

$("#state").val("Ukrain"); Sets the  Ukrain List
$("#state").val("U.S"); Sets the USA default

对于第一个，我更愿意为已婚和单身的两个不同选项提供单独的id，并使用其id进行选择，如下所示：

<body>
    <input type="radio" name="maritalstatus" id="maritalstatus_1" value="single"/>
      single
     <input type="radio" name="maritalstatus" id="maritalstatus_2" value="married"/>
      Married
 <input type="submit" id="clicksingleactive" />
 <input type="submit" id="clickmarriedactive"/>
<br/>

</body>
<script>
    $(document).ready( function()
    {
        $("#clicksingleactive").click( function()
        {
            $("#maritalstatus_1").attr("checked","checked");
        });
        $("#clickmarriedactive").click( function()
        {
            $("#maritalstatus_2").attr("checked","checked");
        });
    });
</script>


单一的
已婚的


$（文档）.ready（函数（）
{
$（“#单击单一活动”）。单击（函数（）
{
$（“#maritalstatus_1”）.attr（“已检查”、“已检查”）；
});
$（“#clickmarriedactive”）。单击（函数（）
{
$（“#maritalstatus_2”）.attr（“已检查”、“已检查”）；
});
});

首先，您应该更改单选按钮的ID。没有两个元素可以具有相同的ID。（但名称保持不变，这是将两个选项组合在一起的原因。）

诸如此类？（不确定我是否完全理解你的问题）


S.O.3287253
$（文档）.ready（函数（）{
$（'#clicksingleactive'）。单击（函数（）{
$（'maritalstatus single'）.attr（'checked'，'checked'）；
});
$（'#clickmarriedactive'）。单击（函数（）{
$（'maritalstatus marred'）.attr（'checked'，'checked'）；
});
$（'#selectUkrain'）。单击（函数（）{
$（'州'）.val（'乌克兰'）；
});
});
单一的
已婚的
==选择==
乌克兰
美国/选项>

 <input type="radio" name="maritalstatus" id="maritalstatus1" value="single"/>
  single
 <input type="radio" name="maritalstatus" id="maritalstatus2" value="married"/>
  Married

$('#clicksingleactive').click(function() {
  $('#maritalstatus1').attr('checked', true);
});
$('#clickmarriedactive').click(function() {
  $('#maritalstatus2').attr('checked', true);
});

<html>
<head>
    <title>S.O. 3287253</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#clicksingleactive').click(function() {
            $('#maritalstatus-single').attr('checked', 'checked');
        });
        $('#clickmarriedactive').click(function() {
            $('#maritalstatus-married').attr('checked', 'checked');
        });
        $('#selectUkrain').click(function() {
            $('#state').val('Ukrain');
        });

    });

    </script>
</head>
<body>
<form id="maritalstatus">
    <input type="radio" name="maritalstatus" id="maritalstatus-single" value="single"/> single
    <input type="radio" name="maritalstatus" id="maritalstatus-married" value="married"/> Married
    <select id="state" name="state">
        <option value="" selected="selected">== choose ==</option>
        <option value="Ukrain">Ukrain</option>
        <option value="U.S">USA/option>  
    </select>
    <br/>
    <input type="button" id="clicksingleactive" value="Single"/>
    <input type="button" id="clickmarriedactive" value="Married"/>
    <input type="button" id="selectUkrain" value="Ukrain"/>
</form>
</body>
</html>