- 渚嬶細(xì)灝嗗涓変腑鐨刢heckbox鐨勫肩粍瑁呮垚涓涓瓧絎︿覆
- <script type=text/javascript>
- function addMem(){
- //var followers = document.getElementsByName("followers");
- var f_str = '0';
- $("input[@name='followers']").each(function(){
- if($(this).attr("checked")==true){
- f_str += ","+$(this).attr("value");
- }
- })
- alert(f_str);
- }
- </script>
- =====================
- 渚嬶細(xì)鍙栭変腑鐨剅adio鐨勫?nbsp;
- var gender = $('input[@name=gender][@checked]').val();
- =====================
- 杞埆浜虹殑涓浜涗笢瑗匡細(xì)
- jquery鍒ゆ柇checkbox鏄惁琚変腑
- 鍦╤tml鐨刢heckbox閲岋紝閫変腑鐨勮瘽浼?xì)鏈夊睘鎬hecked="checked"銆?nbsp;
- 濡傛灉鐢ㄤ竴涓猚heckbox琚変腑錛宎lert榪欎釜checkbox鐨勫睘鎬?span style="color: blue; ">"checked"鐨勫糰lert($"#xxx".attr("checked"))錛屼細(xì)鎵撳嵃鍑?span style="color: blue; ">"true"錛岃屼笉鏄?span style="color: blue; ">"checked"錛?nbsp;
- 濡傛灉娌¤閫変腑錛屾墦鍗板嚭鐨勬槸"undefined"銆傝寰楀緢濂囨槸鍚楋紵緇х畫鐪嬩笅鍘伙綖
- 涓嶈灝濊瘯鍘誨仛榪欐牱鐨勫垽鏂細(xì)if($"#xxx".attr("checked")=="true")
- 鍥犱負(fù)榪欎箞鍋氭槸閿欑殑錛宩Query鐨凙PI鎵嬪唽涓婂啓錛宎ttr(name)鐨勮繑鍥炲兼槸object銆?nbsp;
- 鎵浠ワ紝搴旇鏄?span style="color: #7f0055; font-weight: bold; ">if($"#xxx".attr("checked")==true)
- ====================================
- jquery鍏ㄩ?鍙栨秷閫夋嫨checkbox紺轟緥錛?nbsp;
- <input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
- <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
- <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
- <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
- <input type=”checkbox” name=”checkedAll” id=”checkedAll”/>鍏ㄩ?鍙栨秷鍏ㄩ?nbsp;
- <script type="text/javascript">
- <!--
- $(function() {
- $("#checkedAll").click(function() {
- if ($(this).attr("checked") == true) { // 鍏ㄩ?nbsp;
- $("input[@name='checkbox_name[]']").each(function() {
- $(this).attr("checked", true);
- });
- } else { // 鍙栨秷鍏ㄩ?nbsp;
- $("input[@name='checkbox_name[]']").each(function() {
- $(this).attr("checked", false);
- });
- }
- });
- });
- //-->
- </script>
- =================================================
- jquery radio鍙栧鹼紝checkbox鍙栧鹼紝select鍙栧鹼紝radio閫変腑錛宑heckbox閫変腑錛宻elect閫変腑錛屽強(qiáng)鍏剁浉鍏?nbsp;
- 鑾峰彇涓緇剅adio琚変腑欏圭殑鍊?nbsp;
- var item = $('input[@name=items][@checked]').val();
- 鑾峰彇select琚変腑欏圭殑鏂囨湰
- var item = $("select[@name=items] option[@selected]").text();
- select涓嬫媺妗嗙殑絎簩涓厓绱犱負(fù)褰撳墠閫変腑鍊?nbsp;
- $('#select_id')[0].selectedIndex = 1;
- radio鍗曢夌粍鐨勭浜屼釜鍏冪礌涓哄綋鍓嶉変腑鍊?nbsp;
- $('input[@name=items]').get(1).checked = true;
- 鑾峰彇鍊鹼細(xì)
- 鏂囨湰妗嗭紝鏂囨湰鍖哄煙錛?("#txt").attr("value")錛?nbsp;
- 澶氶夋checkbox錛?("#checkbox_id").attr("value")錛?nbsp;
- 鍗曢夌粍radio錛?nbsp; $("input[@type=radio][@checked]").val();
- 涓嬫媺妗唖elect錛?nbsp;$('#sel').val();
- 鎺у埗琛ㄥ崟鍏冪礌錛?nbsp;
- 鏂囨湰妗嗭紝鏂囨湰鍖哄煙錛?("#txt").attr("value",'');//娓呯┖鍐呭
- $("#txt").attr("value",'11');//濉厖鍐呭
- 澶氶夋checkbox錛?nbsp;$("#chk1").attr("checked",'');//涓嶆墦鍕?/span>
- $("#chk2").attr("checked",true);//鎵撳嬀
- if($("#chk1").attr('checked')==undefined) //鍒ゆ柇鏄惁宸茬粡鎵撳嬀
- 鍗曢夌粍radio錛?nbsp; $("input[@type=radio]").attr("checked",'2');//璁劇疆value=2鐨勯」鐩負(fù)褰撳墠閫変腑欏?/span>
- 涓嬫媺妗唖elect錛?nbsp; $("#sel").attr("value",'-sel3');//璁劇疆value=-sel3鐨勯」鐩負(fù)褰撳墠閫変腑欏?/span>
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//娣誨姞涓嬫媺妗嗙殑option
- $("#sel").empty()錛?span style="color: #008200; ">//娓呯┖涓嬫媺妗?/span>
]]>
絎竴縐嶅崟鍑昏〃鏍煎彲浠ョ紪杈戠殑鏂規(guī)硶
//鐩稿綋浜庡湪欏甸潰涓殑 body鏍囩鍔犱笂onload浜嬩歡
$(function() {
聽聽聽 //鎵懼埌鎵鏈夌殑td鑺傜偣
聽聽聽 var tds = $("td");
聽聽聽 //緇欐墍鏈夌殑td娣誨姞鐐瑰嚮浜嬩歡
聽聽聽 tds.click(function() {
聽聽聽聽聽聽聽 //鑾峰緱褰撳墠鐐瑰嚮鐨勫璞?br />聽聽聽聽聽聽聽 var td = $(this);
聽聽聽聽聽聽聽 //鍙栧嚭褰撳墠td鐨勬枃鏈唴瀹逛繚瀛樿搗鏉?br />聽聽聽聽聽聽聽 var oldText = td.text();
聽聽聽聽聽聽聽 //寤虹珛涓涓枃鏈錛岃緗枃鏈鐨勫間負(fù)淇濆瓨鐨勫?br />聽聽聽聽聽聽聽 var input = $("<input type='text' value='" + oldText + "'/>");
聽聽聽聽聽聽聽 //灝嗗綋鍓峵d瀵硅薄鍐呭璁劇疆涓篿nput
聽聽聽聽聽聽聽 td.html(input);
聽聽聽聽聽聽聽 //璁劇疆鏂囨湰妗嗙殑鐐瑰嚮浜嬩歡澶辨晥
聽聽聽聽聽聽聽 input.click(function() {
聽聽聽聽聽聽聽聽聽聽聽 return false;
聽聽聽聽聽聽聽 });
聽聽聽聽聽聽聽 //璁劇疆鏂囨湰妗嗙殑鏍峰紡
聽聽聽聽聽聽聽 input.css("border-width", "0");
聽聽聽聽聽聽聽 input.css("font-size", "16px");
聽聽聽聽聽聽聽 input.css("text-align", "center");
聽聽聽聽聽聽聽 //璁劇疆鏂囨湰妗嗗搴︾瓑浜巘d鐨勫搴?br />聽聽聽聽聽聽聽 input.width(td.width());
聽聽聽聽聽聽聽 //褰撴枃鏈寰楀埌鐒︾偣鏃惰Е鍙戝叏閫変簨浠?br />聽聽聽聽聽聽聽 input.trigger("focus").trigger("select");
聽聽聽聽聽聽聽 //褰撴枃鏈澶卞幓鐒︾偣鏃墮噸鏂板彉涓烘枃鏈?br />聽聽聽聽聽聽聽 input.blur(function() {
聽聽聽聽聽聽聽聽聽聽聽 var input_blur = $(this);
聽聽聽聽聽聽聽聽聽聽聽 //淇濆瓨褰撳墠鏂囨湰妗嗙殑鍐呭
聽聽聽聽聽聽聽聽聽聽聽 var newText = input_blur.val();
聽聽聽聽聽聽聽聽聽聽聽 td.html(newText);
聽聽聽聽聽聽聽 });
聽聽聽聽聽聽聽 //鍝嶅簲閿洏浜嬩歡
聽聽聽聽聽聽聽 input.keyup(function(event) {
聽聽聽聽聽聽聽聽聽聽聽 // 鑾峰彇閿?br />聽聽聽聽聽聽聽聽聽聽聽 var keyEvent = event || window.event;
聽聽聽聽聽聽聽聽聽聽聽 var key = keyEvent.keyCode;
聽聽聽聽聽聽聽聽聽聽聽 //鑾峰緱褰撳墠瀵硅薄
聽聽聽聽聽聽聽聽聽聽聽 var input_blur = $(this);
聽聽聽聽聽聽聽聽聽聽聽 switch (key)
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 {
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 case 13://鎸変笅鍥炶濺閿紝淇濆瓨褰撳墠鏂囨湰妗嗙殑鍐呭
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var newText = input_blur.val();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 td.html(newText);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 break;
-
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 case 27://鎸変笅 esc閿紝鍙栨秷淇敼錛屾妸鏂囨湰妗嗗彉鎴愭枃鏈?br />聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 td.html(oldText);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 break;
聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽 });
聽聽聽 });
});
絎簩縐嶅崟鍑昏〃鏍煎彲浠ョ紪杈戠殑鏂規(guī)硶
$(document).ready(function(){
聽聽聽 var tds = $("td");
聽聽聽 tds.click(tdClick);
});
function tdClick(){
聽聽聽 var tdnode = $(this);
聽聽聽 var tdtext = tdnode.text();
聽聽聽 tdnode.html("");
聽聽聽 var input = $("<input>");
聽聽聽 input.val(tdtext); //聽聽聽 input.attr("value",tdtext);
聽聽聽 input.keyup(function(event){
聽聽聽聽聽聽聽 var myEvent = event || window.event;
聽聽聽聽聽聽聽 var keyCode = myEvent.keyCode;
聽聽聽聽聽聽聽 if(keyCode == 13){
聽聽聽聽聽聽聽聽聽聽聽 var inputnode = $(this);
聽聽聽聽聽聽聽聽聽聽聽 var inputtext = inputnode.val();
聽聽聽聽聽聽聽聽聽聽聽 var td = inputnode.parent();
聽聽聽聽聽聽聽聽聽聽聽 td.html(inputtext);
聽聽聽聽聽聽聽聽聽聽聽 td.click(tdClick);
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽 if(keyCode == 27){聽 //鍒ゆ柇鏄惁鎸変笅ESC閿?br />聽聽聽聽聽聽聽聽聽聽聽 $(this).parent().html(tdtext);
聽聽聽聽聽聽聽聽聽聽聽 $(this).parent().click(tdClick);
聽聽聽聽聽聽聽 }
聽聽聽 });
聽聽聽 tdnode.append(input);
聽聽聽 tdnode.children("input").trigger("select");
聽聽聽 //杈撳叆妗嗗け鍘葷劍鐐癸紝鎵鎵ц鐨勬柟娉?br />聽聽聽 input.blur(function(){
聽聽聽聽聽聽聽 tdnode.html($(this).val());
聽聽聽聽聽聽聽 tdnode.click(tdClick);
聽聽聽 });
聽聽聽 tdnode.unbind("click");
}
]]>