1. 获取radio的值
$("input[name='radioname'][checked]").val();
其中radioname为单选按钮的name.
原生JS获取:
var radioSex=document.getElementsByName("sex").length;
2. Checkbox全选
<input id="selectAll" name="id_check
" type="checkbox" onClick="selectALL(this)" />
function selectALL(obj){
$("input[name='id_check']").each(function (){
$(this).attr('checked',obj.checked);
});
}
3. 获取选中的Checkbox
var chkObj = $("input[name='id_check']:checked");
for ( var i=0 ; i < chkObj.size(); i++ ){
$('#' + $(chkObj[i]).val()).remove();
}
4. 控制HTML元素显示与隐藏
<tr id="showSeparateLine" style="display:inline"
><td>隐藏与显示</td></tr>
jQuery实现:
$("#showSeparateLine").hide();
$("#showSeparateLine").show();
JS CSS控制:
document.getElementById("showSeparateLine").style.visibility="visible";
//显示
document.getElementById("showSeparateLine").style.visibility="hidden";
//隐藏
document.getElementById("showSeparateLine").style.display = 'none';
//隐藏
document.getElementById("showSeparateLine").style.display = 'inline';
//显示
注意:jQuery实现方式,会将TR行隐藏,而JS CSS实现方式这回留下TR行空白!
分享到:
相关推荐
工作中常用的jQuery表单操作:$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 $("#checkbox_id").attr("checked",true);设置一个CheckBox的状态为选中
jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证
jquery表单验证插件
jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1、硬件要求:计算机一台 2...
jquery常用的表单操作很全很详细.rtf
jquery常见用法归纳总结
页面前端 jquery 用法 (function($) {})(jQuery);的用法
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
jquery表单验证实例网站会员注册表单验证提交form表单代码
jquery常用操作,jquery一些常用的操作,很实用哦
jquery表单验证特效,很炫,很实用!!
几个Jquery表单验证特效示例感觉挺不错的,如有需要的可以下载。
jquery的基础知识运用, jquery表单验证实例,深入了解
jquery-form - jQuery表单生成插件 。
这是一款jQuery表单插件
个人根据Jquery即学即用的书,整理的Jquery常见用法。
jquery表单Check样式
jQuery表单消息提示功能
jQuery表单动画切换效果