代码备份

来源：互联网发布：从godaddy转出域名编辑：程序博客网时间：2024/05/22 16:11

多试试：多试试-计算机技术与软件

<html>

<head>
<title>jquery</title>
<script language="javascript" src="jquery-1.7.2.js"></script>
<script>
$(document).ready( function () {
$("form").cssRadio();
});
jQuery.fn.cssRadio = function () {
var context = this;

jQuery("input[@type='radio'] + label", this)
.each( function(){
if ( jQuery(this).prev()[0].checked )
jQuery(this).addClass("checked");
})
.hover(
function() { $(this).addClass("over"); },
function() { $(this).removeClass("over"); }
)
.click( function() {
var contents = $(this).parent().parent();
jQuery("input[@type='radio'] + label", contents)
.each( function() {
jQuery(this)
.removeClass()
.prev()[0].checked = false;
});
jQuery(this)
.addClass("checked")
.prev()[0].checked = true;
})
.prev().hide();
}

function count(){
var i ;
var count = 0 ;
var str ="ok ";
var c = new Array("radio1","radio2","radio3");
var v = new Array("a","b","c");
var right = new Array();
var error = new Array();
for(i=0;i<c.length;i++){
var tem = GetRadioValue(c[i]);
str = str + tem +" ";
if(tem == v[i]){
right.push(c[i]);
count = count + 2 ;
}else if(tem!=null){
$("input[name="+c[i]+"][value="+v[i]+"]+ label").addClass("checked");
$("input[name="+c[i]+"][value="+tem+"]+ label").addClass("checked_wrong");
}
else if(tem == null){
$("input[name="+c[i]+"][value="+v[i]+"]+ label").addClass("checked_wrong");
}
}
alert("分数是： "+count+" "+str);
//document.write(right.length);
//$("p").append(str);
for(var t = 0 ; t<right.length;t++){
//document.write(right[t]+" ");
str = str+right[t]+"";

}

$("#showmessage").append(str);
}
function c(){
//$("input[name='radio2'][value='b']+ label").addClass("checked");
//$("input[name='radio2'][value='c']+ label").addClass("checked_wrong");
//$("input[name='radio1'][value='a']+ label").addClass("checked");
//$("input[name='radio2'][value='b']").attr("checked",true);
//jQuery("input[name='radio2'][value='b'] + label", this)
//.addClass("checked");
}
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}

/*function count(){
var c = new Array("radio1","radio2");
var v = new Array("a","a");
var s = new Array();
var tem ;
for(var i=0;i<c.length;i++){
tem = getVal(c[i]);
if(tem == v[i]){
s.push(tem);
}
}
alert(s.join(" "));
}
function getVal(radionName){
var obj = getElementsByname(radionName);
if(obj != null){
for(var i=0 ; i<obj.length ; i++ ){
if(obj[i].checked){
return obj[i].value ;
}
}
}
return null ;
}*/

</script>
<style type="text/css">

</style>
</head>
<body>
<h3>Example</h3>
<form id="dx">
<div>
<p><input type="radio" name="radio1" value="a"/> <label>Option 1</label></p>
<p><input type="radio" name="radio1" value="b"/> <label>Option 2</label></p>
<p><input type="radio" name="radio1" value="c"/> <label>Option 3</label></p>
<p><input type="radio" name="radio1" value="d"/> <label>Option 4</label></p>
</div>
<P>第二组</p>
<div>
<p><input type="radio" name="radio2" value="a"/> <label>Option 1</label></p>
<p><input type="radio" name="radio2" value="b"/> <label>Option 2</label></p>
<p><input type="radio" name="radio2" value="c"/> <label>Option 3</label></p>
<p><input type="radio" name="radio2" value="d"/> <label>Option 4</label></p>
</div>
<P>第三组</p>
<div>
<p><input type="radio" name="radio3" value="a"/> <label>Option 1</label></p>
<p><input type="radio" name="radio3" value="b"/> <label>Option 2</label></p>
<p><input type="radio" name="radio3" value="c"/> <label>Option 3</label></p>
<p><input type="radio" name="radio3" value="d"/> <label>Option 4</label></p>
</div>

<input type="button" onClick="count()" value="评分"/>

<input type="button" onClick="c()" value="选中第二个的c"/>
<div id="showmessage">this is the message: </div>
</form>
</body>
</html>