2010-07-20 34 views
0

我使用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> 

如果我点击“检查UKRAIN按钮值应选择选择列表中的默认,如above.How到jQuery中实现什么想法?

回答

0

对于第一个我宁愿给单独的id到2个差异选项已婚和单身,并使用其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> 
0

SELECT LIST

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

首先,你应该改变你的单选按钮的ID。没有两个元素可以具有相同的ID。 (但保留名称相同,这就是团体两个选项。)

<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); 
}); 
0

类似的东西? (不知道我是否完全理解你的问题)

<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>