jquery_jquery의 양식에 대한 기본 작업 코드-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

jquery_jquery의 양식에 대한 기본 작업 코드

May 16, 2016 pm 06:22 PM

기본 조작 형태

复代码代码如下:

<html xmlns="http://www.w3.org /1999/xhtml"> 
<head runat="server"> 
<제목></제목> 
<script src="../conn/jsfile/jquery.js" type="text/javascript"></script> 
</head> 
<본문> 
<form id="form1" runat="server"> 
文本框 ：<input type="text" id="txt" value="txt" /><br /> 
单选按钮：<input type="radio" value="男" selected="checked" name="sex" />男 <input type="radio" value="女" name=" sex" selected="checked"/>여자<br /> 
复选框：<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" selected="checked" name="cc " />2<input type="checkbox" value="3" selected="checked" name="cc" />3<br /> 
下拉框： 
<select id="sel" style="width: 100px"> 
<option value="yi">1</option> 
<option value="er" selected="selected">2</option> 
<option value="san">3</option> 
</select> 
<script 언어="javascript" type="text/javascript"> 
/*---------------------------------- ---자바스크립트------------------*/ 
/* 获取文本框的值 
alert(document.getElementById("txt").value); 
*/ 
/*获取单选按钮的值 
var radios = document.getElementsByName("sex"); 
var n = radios.length; 
for (var i = 0; i < n; i ) { 
if (radios[i].checked) { 
alert(radios[i].value); 
} 
} 
*/ 
/*获取复选框中选中的值的组合 1,2,3,4 
var checkboxs = document.getElementsByName("cc"); 
var n = checkboxs.length; 
for (var i = 0; i < n; i ) { 
if (checkboxs[i].checked) { 
alert(checkboxs[i].value); 
} 
} 
*/ 
/*获取下拉列表적选中项적值 
방법: 
alert(document.getElementById("sel").value); 
방법: 
var sel = document.getElementById("sel"); 
alert(sel.options[sel.selectedIndex].value); 
*/ 
/*---------------------------- --------제이쿼리---------------------------- --*/ 
/*获取文本框的值 
alert($("#txt").val()); 
*/ 
/*获取单选框选中项的值 
alert($(":radio[name='sex']:checked").val()); 
单选框赋值 设置选中项 
$(":radio[name='sex']").val(["男"]); 
*/ 
/*获取复选框적值 
$(":checkbox[name='cc']:checked").each(function(i) { 
alert(this. 값) 
}); 
复选框赋值 选中这几项 
$(":checkbox[name='cc']").val(["1", "2", "3"]); 
*/ 
/*获取下拉列表的值 
alert($("#sel").val()); 
获取下拉列表的文本 
alert($("#sel option:selected").text()); 
*/ 
</script> 
</form> 
</body> 
</html> 