当前位置: 编程技术>移动开发
本页文章导读:
▪jQuery操作 checkbox 的全选、反选 , radio, select 效能 jQuery操作 checkbox 的全选、反选 , radio, select 功能
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置:获取一组radio被选中项的值:var item = $(’input[nam.........
▪ Handler讯息循环 Handler消息循环
mHandler.removeMessages(UPDATEVIEW);
if (mDymanicImageView.getState()){
mHandler.sendEmptyMessageDelayed(UPDATEVIEW, DRAWPERIOD);
mDy.........
▪ EditText框子——收藏 EditText边框——收藏
EditText之边框颜色 EditText的自带属性里没有设置边框颜色的有俩种方式可以达到效果一种是网上比较推崇的用图作背景,另一种则是自绘图作背景的: 首先重新定义.........
[1]jQuery操作 checkbox 的全选、反选 , radio, select 效能
来源: 互联网 发布时间: 2014-02-18
jQuery操作 checkbox 的全选、反选 , radio, select 功能
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
设置:
获取一组radio被选中项的值:var item = $(’input[name=items][checked]‘).val();
获取select被选中项的文本var item = $(”select[@name=items] option[@selected]“).text();获取select被选中项的文本 :var item = $(”select[name=items] option[selected]“).text(); 或$(”select[name=items]“).find(”option:selected”).text();
select下拉框的第二个元素为当前选中值:$(’#select_id’)[0].selectedIndex = 1;
select下拉框value = ‘val’的元素为当前选中项:$(”select[name=items] option[value='val']“).attr(”selected”,”selected”);
radio单选组的第二个元素为当前选中项 :$(’input[@name=items]‘).get(1).checked = true; 或$(’input[name=items]‘).attr(”checked”, ‘1′);
radio的value = ‘val’的元素为当前选中项:$(’input[name=items][value='val']‘).attr(”checked”,”checked”);
获取值: 文本框,文本区域:$(”#txt”).attr(”value”);
多选框checkbox:$(”input[name='checkbox':checked]“).each(function(){
var val = $(this).val();
});
单选组radio: $(”input[type=radio][checked]“).val();
下拉框select的value值: $(’select’).val();
下拉框select选中的text值:$(”select”).find(”option:selected”).text();
控制表单元素:
文本框,文本区域:$(”#txt”).attr(”value”,”); //清空内容
$(”#txt”).attr(”value”,’11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$(”input[name=items]“).get(1).checked = true; //打勾
$(”input[name=items]“).get(1).checked = false; //不打勾
checkbox的value=’val’的元素前打勾:$(”input[name=item][value='val']“).attr(”checked”,true);或$(”input[name=item][value='val']“).attr(”checked”,”checked”);
if($(”input[name=item][value='val']“).attr(’checked’)==true) //判断是否已经打勾
单选组radio: $(”input[type=radio]“).attr(”checked”,’2′);//设置value=2的项目为当前选中项
下拉框select: $(”#sel”).attr(”value”,’-sel3′);//设置value=-sel3的项目为当前选中项
$(”<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(”#sel”)//添加下拉框的option
$(”#sel”).empty();//清空下拉框
jQuery获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态$("input[name='radio_name'][value='要选中Radio的Value值'").attr("checked",true); //根据Value值设置Radio为选中状态jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合
如果你想得到 Value值你需要遍历这个集合$($("input[name='checkbox_name'][checked]")).each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
设置:
获取一组radio被选中项的值:var item = $(’input[name=items][checked]‘).val();
获取select被选中项的文本var item = $(”select[@name=items] option[@selected]“).text();获取select被选中项的文本 :var item = $(”select[name=items] option[selected]“).text(); 或$(”select[name=items]“).find(”option:selected”).text();
select下拉框的第二个元素为当前选中值:$(’#select_id’)[0].selectedIndex = 1;
select下拉框value = ‘val’的元素为当前选中项:$(”select[name=items] option[value='val']“).attr(”selected”,”selected”);
radio单选组的第二个元素为当前选中项 :$(’input[@name=items]‘).get(1).checked = true; 或$(’input[name=items]‘).attr(”checked”, ‘1′);
radio的value = ‘val’的元素为当前选中项:$(’input[name=items][value='val']‘).attr(”checked”,”checked”);
获取值: 文本框,文本区域:$(”#txt”).attr(”value”);
多选框checkbox:$(”input[name='checkbox':checked]“).each(function(){
var val = $(this).val();
});
单选组radio: $(”input[type=radio][checked]“).val();
下拉框select的value值: $(’select’).val();
下拉框select选中的text值:$(”select”).find(”option:selected”).text();
控制表单元素:
文本框,文本区域:$(”#txt”).attr(”value”,”); //清空内容
$(”#txt”).attr(”value”,’11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$(”input[name=items]“).get(1).checked = true; //打勾
$(”input[name=items]“).get(1).checked = false; //不打勾
checkbox的value=’val’的元素前打勾:$(”input[name=item][value='val']“).attr(”checked”,true);或$(”input[name=item][value='val']“).attr(”checked”,”checked”);
if($(”input[name=item][value='val']“).attr(’checked’)==true) //判断是否已经打勾
单选组radio: $(”input[type=radio]“).attr(”checked”,’2′);//设置value=2的项目为当前选中项
下拉框select: $(”#sel”).attr(”value”,’-sel3′);//设置value=-sel3的项目为当前选中项
$(”<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(”#sel”)//添加下拉框的option
$(”#sel”).empty();//清空下拉框
jQuery获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态$("input[name='radio_name'][value='要选中Radio的Value值'").attr("checked",true); //根据Value值设置Radio为选中状态jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合
如果你想得到 Value值你需要遍历这个集合$($("input[name='checkbox_name'][checked]")).each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
[2] Handler讯息循环
来源: 互联网 发布时间: 2014-02-18
Handler消息循环
mHandler.removeMessages(UPDATEVIEW);
if (mDymanicImageView.getState()){
mHandler.sendEmptyMessageDelayed(UPDATEVIEW, DRAWPERIOD);
mDymanicImageView.calcDistance();
if (mFullScreenState==FullScreenState.show){
fullScreenUpdate();
}
mDymanicImageView.invalidate();
}
[3] EditText框子——收藏
来源: 互联网 发布时间: 2014-02-18
EditText边框——收藏
EditText之边框颜色 EditText的自带属性里没有设置边框颜色的
有俩种方式可以达到效果
一种是网上比较推崇的用图作背景,另一种则是自绘
图作背景的:
首先重新定义一个style。在values文件夹下新建一个style.xml文件:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="my_edittext_style" parent="@android:style/Widget.EditText">
<item name="android:background">@drawable/my_edittext</item>
</style>
</resources>
接下来在drawable里添加my_edittext.xml:内容如下
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:drawable="@drawable/editbox_focus" /> <item android:drawable="@drawable/editbox_normal" />
</selector>
其中editbox_normal为正常情况下的编辑框图片,editbox_focus为选中下的编辑框图片
定义好了这两个文件之后就可以用以下方式使用:
<EditText
android:text="My EditText"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</EditText>
以上用图做背景的部分是引用http://blog.csdn.net/a570056568/archive/2011/02/12/6180872.aspx里的
PS:图最好用九宫图 这样会自适应的
自绘的方式:
先自定义一个EditText:
package com.MyView;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.widget.EditText;
public class MyEditText extends EditText{
public MyEditText(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onDraw(Canvas canvas) {
Paint paint = new Paint();
paint.setStyle(Style.STROKE);
paint.setStrokeWidth(2);
if(this.isFocused() == true)
paint.setColor(Color.parseColor("#122e29"));
else
paint.setColor(Color.rgb(0,173,173));
canvas.drawRoundRect(new RectF(2+this.getScrollX(), 2+this.getScrollY(), this.getWidth()-3+this.getScrollX(), this.getHeight()+ this.getScrollY()-1), 3,3, paint);
super.onDraw(canvas);
}
}
xml里引用:
<View
android:id="@+id/view"
android:focusable ="true"
android:gravity="center"
android:layout_x = "12dip"
android:layout_y = "402dip"
android:layout_width="104dip"
android:layout_height="46dip"
android:background = "#fffef9"
/>
<com.MyView.MyEditText
android:id="@+id/tv_state"
android:focusable ="true"
android:gravity="center"
android:layout_x = "10dip"
android:layout_y = "400dip"
android:layout_width="110dip"
android:layout_height="50dip"
android:background = "#00000000"//背景透明色
/>
弄一个View在EditText下面的目的是设置输入框内部颜色,如果直接设置EditText背景色的话,圆角矩形那不太好处理,如果在onDraw里画背景色的话,这样光标就会不显示,被遮住了
EditText之边框颜色 EditText的自带属性里没有设置边框颜色的
有俩种方式可以达到效果
一种是网上比较推崇的用图作背景,另一种则是自绘
图作背景的:
首先重新定义一个style。在values文件夹下新建一个style.xml文件:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="my_edittext_style" parent="@android:style/Widget.EditText">
<item name="android:background">@drawable/my_edittext</item>
</style>
</resources>
接下来在drawable里添加my_edittext.xml:内容如下
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:drawable="@drawable/editbox_focus" /> <item android:drawable="@drawable/editbox_normal" />
</selector>
其中editbox_normal为正常情况下的编辑框图片,editbox_focus为选中下的编辑框图片
定义好了这两个文件之后就可以用以下方式使用:
<EditText
android:text="My EditText"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</EditText>
以上用图做背景的部分是引用http://blog.csdn.net/a570056568/archive/2011/02/12/6180872.aspx里的
PS:图最好用九宫图 这样会自适应的
自绘的方式:
先自定义一个EditText:
package com.MyView;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.widget.EditText;
public class MyEditText extends EditText{
public MyEditText(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onDraw(Canvas canvas) {
Paint paint = new Paint();
paint.setStyle(Style.STROKE);
paint.setStrokeWidth(2);
if(this.isFocused() == true)
paint.setColor(Color.parseColor("#122e29"));
else
paint.setColor(Color.rgb(0,173,173));
canvas.drawRoundRect(new RectF(2+this.getScrollX(), 2+this.getScrollY(), this.getWidth()-3+this.getScrollX(), this.getHeight()+ this.getScrollY()-1), 3,3, paint);
super.onDraw(canvas);
}
}
xml里引用:
<View
android:id="@+id/view"
android:focusable ="true"
android:gravity="center"
android:layout_x = "12dip"
android:layout_y = "402dip"
android:layout_width="104dip"
android:layout_height="46dip"
android:background = "#fffef9"
/>
<com.MyView.MyEditText
android:id="@+id/tv_state"
android:focusable ="true"
android:gravity="center"
android:layout_x = "10dip"
android:layout_y = "400dip"
android:layout_width="110dip"
android:layout_height="50dip"
android:background = "#00000000"//背景透明色
/>
弄一个View在EditText下面的目的是设置输入框内部颜色,如果直接设置EditText背景色的话,圆角矩形那不太好处理,如果在onDraw里画背景色的话,这样光标就会不显示,被遮住了
最新技术文章: