`

replaceWith,css替换样式,jquery选中checked,select被选中

阅读更多
1.
<!-- 装港不填 -->
用css来控制样式,因为无法用jquery的来操作input的type属性,用replaceWith替换标签后无法使用fros框架的插件功能,只能使用css的样式来控制input.
<script type="text/javascript">
function bwferLP(){
if(document.getElementById("lushang").checked){
$(".inline").css('display' , 'none');
$(".hidden").css('display' , 'inline');
}else{
$(".inline").css('display' , 'inline');
$(".hidden").css('display' , 'none');
}
}
</script>

2.each以及replaceWith的使用
$("#fendan").each(function(){
$(this).replaceWith('<li id="fendan"><label>分单号:</label><input name="bwfrHblNo" id="bwfrHblNo" controltype="number" style="width: 150px"></li>');
});

3.是否被选中
js实现:document.getElementById("lushang").checked
jquery实现:$("#id").attr("checked");
           $("#id").attr("class","true/false");

4.select被选中
$("#id option:selected").text();


radio  
 
Jquery老的版本
var_name = $(“input[@name='radio_name']:checked”).val();
Jquery 1.3以后的版本
var_name = $(“input[name='radio_name']:checked”).val();//选择被选中Radio的Value值
1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值  
 
2. $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发  
 
3. $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发  
 
4. $("#text_id").select(); //使文本框的Vlaue值成选中状态  
 
5. $("input[name='radio_name'][value='要选中Radio的Value值 '").attr("checked",true); //根据Value值设置Radio为选中状态  
 
CheckBox  
 
1. $("input[name='checkbox_name'][checked]");or$("input[name='checkbox_name']:checked");/选择被选中CheckBox元素的集合 如果你想得到Value值,你需要遍历这个集合 
 
2. $($("input[name='checkbox_name'][checked]")).each(function(){arrChk+=this.value + ',';}); //遍历被选中CheckBox元素的集合 得到Value值  
 
3. $("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)  
 
4. $("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)  
 
5. $("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)  
 
6. $("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked")); //根据3,4,5条,你可以分析分析这句代码的意思  
 
7. $("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
分享到:
评论

相关推荐

    jquery学习笔记

    - `.replaceWith(newContent)`:用新内容替换被选元素。 - `.replaceAll(target)`:将被选元素插入到另一个元素的位置上。 4. **获取和设置属性**: - `.attr("attribute")`:获取被选元素的第一个属性的值。 -...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jquery选择器以及jquery数组

    - `$("input:checked")`:选取所有被选中的输入元素(如单选按钮和复选框)。 4. **类型选择器**: - `$(":input")`:选取所有 `&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;` 和 `&lt;button&gt;` 元素。 - `$(":text")`:选取...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    Jquery 1.3 简体中文手册

    replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) ...

    JQuery 1.3 中文参考手册

    replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) ...

    60个实用的jQuery代码片段.pdf

    57. **复选框选中状态**:`is(":checked")`检查复选框是否被选中。 58. **表单提交**:使用`submit()`或`preventDefault()`控制表单提交行为。 这些jQuery代码片段展示了jQuery的强大功能和灵活性,适用于多种网页...

    jquery1.11.0手册

    jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector ...

    jQuery1.4 API

    jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class | fn) removeClass([class | fn]) ...

    jq常用方法

    - `$("input:checked")`: 选取被选中的`&lt;input&gt;`元素,通常用于`checkbox`或`radio`。 - `$("option:selected")`: 选取被选中的`&lt;option&gt;`元素。 **1.6 位置过滤器** - `$("p").eq(2)`: 选取索引为2的`&lt;p&gt;`元素。 ...

Global site tag (gtag.js) - Google Analytics