<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jQuery Extension</title> 
<script src="https://www.jb51.net/jquery-1.3.2.js" type="text/javascript"></script> 
<script src="https://www.jb51.net/jquery.yinzixin.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
$('#OrderID').val($.toFixedWidth('123', 8)); 
$('#InvoiceRequired').click(function() { 
$('.InvoiceInfo').setReadOnly(!this.checked); 
}); 
$('.InvoiceInfo').setReadOnly(false); 
} 
); 
</script> 
</head> 
<body> 
<form> 
Order ID:<input type="text" /> <br /> 
<input type="checkbox" />Invoice Required<br /> 
<div> 
Inovice Tilte:<input type="text" /> 
Invoice Content:<input type="text" /> 
</div> 
<input type="button" value="Submit" /> 
</form> 
</body> 
</html> 

您可能感兴趣的文章:
