- 例：多个选中的checkbox的值组装成一个字W串
- <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>
- =====================
- 例：取选中的radio的?nbsp;
- var gender = $('input[@name=gender][@checked]').val();
- =====================
- 转别人的一些东西：
- jquery判断checkbox是否被选中
- 在html的checkbox里，选中的话会有属性checked="checked"?nbsp;
- 如果用一个checkbox被选中Qalertq个checkbox的属?span style="color: blue; ">"checked"的值alert($"#xxx".attr("checked"))Q会打印?span style="color: blue; ">"true"Q而不?span style="color: blue; ">"checked"Q?nbsp;
- 如果没被选中Q打印出的是"undefined"。觉得很奇怪是吗？l箋看下去～
- 不要试dq样的判断：if($"#xxx".attr("checked")=="true")
- 因ؓq么做是错的QjQuery的API手册上写Qattr(name)的返回值是object?nbsp;
- 所以，应该?span style="color: #7f0055; font-weight: bold; ">if($"#xxx".attr("checked")==true)
- ====================================
- jquery全?取消选择checkboxCZQ?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选中Qcheckbox选中Qselect选中Q及其相?nbsp;
- 获取一lradio被选中的?nbsp;
- var item = $('input[@name=items][@checked]').val();
- 获取select被选中的文本
- var item = $("select[@name=items] option[@selected]").text();
- select下拉框的W二个元素ؓ当前选中?nbsp;
- $('#select_id')[0].selectedIndex = 1;
- radio单选组的第二个元素为当前选中?nbsp;
- $('input[@name=items]').get(1).checked = true;
- 获取|
- 文本框，文本区域Q?("#txt").attr("value")Q?nbsp;
- 多选框checkboxQ?("#checkbox_id").attr("value")Q?nbsp;
- 单选组radioQ?nbsp; $("input[@type=radio][@checked]").val();
- 下拉框selectQ?nbsp;$('#sel').val();
- 控制表单元素Q?nbsp;
- 文本框，文本区域Q?("#txt").attr("value",'');//清空内容
- $("#txt").attr("value",'11');//填充内容
- 多选框checkboxQ?nbsp;$("#chk1").attr("checked",'');//不打?/span>
- $("#chk2").attr("checked",true);//打勾
- if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
- 单选组radioQ?nbsp; $("input[@type=radio]").attr("checked",'2');//讄value=2的项目ؓ当前选中?/span>
- 下拉框selectQ?nbsp; $("#sel").attr("value",'-sel3');//讄value=-sel3的项目ؓ当前选中?/span>
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//d下拉框的option
- $("#sel").empty()Q?span style="color: #008200; ">//清空下拉?/span>
]]>
W一U单击表格可以编辑的Ҏ
//相当于在面中的 body标签加上onload事g
$(function() {
//扑ֈ所有的td节点
var tds = $("td");
//l所有的tdd点击事g
tds.click(function() {
//获得当前点击的对?br /> var td = $(this);
//取出当前td的文本内容保存v?br /> var oldText = td.text();
//建立一个文本框Q设|文本框的gؓ保存的?br /> var input = $("<input type='text' value='" + oldText + "'/>");
//当前td对象内容讄为input
td.html(input);
//讄文本框的点击事g失效
input.click(function() {
return false;
});
//讄文本框的样式
input.css("border-width", "0");
input.css("font-size", "16px");
input.css("text-align", "center");
//讄文本框宽度等于td的宽?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);
});
//响应键盘事g
input.keyup(function(event) {
// 获取键?br /> var keyEvent = event || window.event;
var key = keyEvent.keyCode;
//获得当前对象
var input_blur = $(this);
switch (key)
{
case 13://按下回R键，保存当前文本框的内容
var newText = input_blur.val();
td.html(newText);
break;
-
case 27://按下 esc键，取消修改Q把文本框变成文?br /> td.html(oldText);
break;
}
});
});
});
W二U单击表格可以编辑的Ҏ
$(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");
}
]]>