最近在做需要動態操作html的radio ,按照這樣
http://www.java2s.com/Tutorial/JavaScript/0200__Form/Radiochecked.htm
做了,但是卻可以把兩個按鈕同時選中,這樣顯然不行的,最后利用jquery給解決了,需要的jquery lib請自行到官方下載~
html代碼:
<input id="gender" type="radio" name="gender" value="0" />男
<input id="gender" type="radio" name="gender" value="1" />女 *
Js代碼:
<% if(get_client_info('gender').to_s=='1') %>
<script type="text/javascript">
$(function() { // set gender from DB
var $radios = $('input:radio[name=gender]');
if($radios.is(':checked') === false) {
$radios.filter('[value=1]').attr('checked', true);
}
});
</script>
<% elsif(get_client_info('gender').to_s =='0') %>
<script>
$(function() {
var $radios = $('input:radio[name=gender]');
if($radios.is(':checked') === false) {
$radios.filter('[value=0]').attr('checked', true);
}
});
</script>
<% end %>
ref:
http://stackoverflow.com/questions/871063/how-to-set-radio-option-checked-onload-with-jquery
posted on 2009-06-16 18:45
fl1429 閱讀(2630)
評論(0) 編輯 收藏 所屬分類:
Ajax