使用PathMeasure实现 动画CheckBox

最新推荐文章于 2022-02-15 21:32:52 发布
最新推荐文章于 2022-02-15 21:32:52 发布
阅读量588 收藏
点赞数
分类专栏： 自定义view 文章标签： 动画 android 自定义CheckBox checkbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aimsunshine/article/details/52142068
版权

先看效果：（最上面那个颜色录像有点问题了）


看见支付宝的支付结果 那个效果还不错，想到那实现一个类似的checkBox吧。

这个view有点击事件，选中监听，快速点击动画流畅，支持wrapcontent，数据持久。

主角是PathMeasure中的getSegment（...）:

public boolean getSegment (float startD, float stopD, Path dst, boolean startWithMoveTo)
Given a start and stop distance, return in dst the intervening segment(s). If the segment is zero-length, return false, else return true. startD and stopD are pinned to legal values (0..getLength()). If startD <= stopD then return false (and leave dst untouched). Begin the segment with a moveTo if startWithMoveTo is true.
On KITKAT and earlier releases, the resulting path may not display on a hardware-accelerated Canvas. A simple workaround is to add a single operation to this path, such as dst.rLineTo(0, 0).

简单理解就是，从原有的path中截取出来其中一段path。

一.使用到的知识点：

1.属性动画，AnimatorSet

2.path，pathMeasure，pathMeasure.getSegment(...);

3.paint ,shader

二.聊聊知识点中注意的地方：

1.属性动画，AnimatorSet：
1).快速点击，防止动画会从0开始，那需要将上次动画结束点作为下次动画的起始点：ObjectAnimator.ofFloat(mPercentCheck, 1);
(这里补充下动画的cancel和end知识点，举个栗子就明白了：
属性动画：value从0到1。
在动画执行一半时，调用anim.cancel()：value定格在cancel时（value：0.5），然后调用监听中的onCancel（），然后onEnd（）。
在动画执行一半时，调用anim.end()：value直接跳到最终值（value：1），然后onEnd().
)
2).要实现圆和对号动画分步进行，AnimatorSet使用顺序播放动画：playSequentially(vaCircleCheck, vaCheckCheck);
2.path，pathMeasure:
1).pathMeasure.getLength()的注释： Return the total length of the current contour。 Current contour !
measureCheck.nextContour()的注释： Move to the next contour in the path。
原来pathMeasure长度还分段的。。意思就是：如果path画了一个圆，然后接着再画一条直线。 那么pathMeasure.getLenght()获取到的长度只为圆的长度。想要得到直线的长度，必须先调用nextContour()，再次getLength（）才为直线的长度。测试了好久，这个contour到底怎么区分的还是很晕。。
2). pathMeasure.getSegment(float startD, float stopD, Path dst, boolean startWithMoveTo)：从原path中截取出starD至stopD的dst。
startD:起始点
stopD:结束点
dst:截取到的path
startWithMoveTo:true：再次截取，起始点为0时，还是原path的起始点。
false：再次截取，起始点为0时，为上次截取的终点。
3)path.addCircle (float x, float y, float radius, Path.Direction dir):
 要做好padding的处理。需要将padding主动加上圆环的宽度的一半，否则会出界面。
最后一个参数很关键，如果想要让圆换一个方向转，那设置为CW即可（顺时针）。CWW（逆时针）。
3.paint：
1).cap设置为round，线的顶端是圆形。join设置为round，线的拐弯处是圆弧。
4.事件监听：
1).自定义view 中重写了一些监听事件，那么需要再定义一个监听事件，供用户重写。（此view点击事件需要使用OnClickListenerEx）
5.要数据持久处理
1)重写onSaveInstanceState()和onRestoreInstanceState()。
6.动画即时结束
1)onDetachedFromWindow()方法中，将动画cancel()掉。

三.思路

1.画圆环和画对号。
2.通过pathMeasure.getLenght()获取到圆环和对号的路径长度。
3.获取属性动画的值，获取到当前路径长度。
4.用getSegment(...)得到新的path。
5.画出新的path。

四：源码

package com.dup.bitmapdemo.view;

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathMeasure;
import android.graphics.SweepGradient;
import android.os.Bundle;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;

/**
 * Created by dup on 16-8-2.
 */
public class PathCheckBoxView extends View implements View.OnClickListener {
    private static final String INSTANCE_STATUE = "status";
    private static final String INSTANCE_CHECK = "check";
    private static final String INSTANCE_ENABLE = "enable";

    private Context context;

    private static int duration = 300;
    //wrapcontent时默认大小：dp
    private int defaultSize = 40;
    private int viewSize = defaultSize;

    //背景灰色线条paint
    private Paint mBackPathPaint;
    //前线条paint
    private Paint mDstPaint;

    //背景 圆
    private Path mCirclePath;
    //前景 圆
    private Path mCircleDst;
    //背景 对号
    private Path mCheckPath;
    //前景 对号
    private Path mCheckDst;

    //圆圈 measure
    private PathMeasure measureCircle;
    //对号 measure
    private PathMeasure measureCheck;

    //圆圈长度
    private float lengthCircle;
    //对号长度
    private float lengthCheck;

    //圆圈动画进度
    private float mPercentCircle = 0;
    //对号进度
    private float mPercentCheck = 0;

    //选中动画
    private AnimatorSet asCheck;
    //取消选中动画
    private AnimatorSet asUnCheck;
    //选中动画---圆环动画
    private ValueAnimator vaCheckCheck;
    // ---对号动画
    private ValueAnimator vaCircleCheck;
    private ValueAnimator vaCircleUnCheck;
    private ValueAnimator vaCheckUnCheck;

    private boolean isEnabled = true;

    public boolean isEnabled() {
        return isEnabled;
    }

    public void setEnabled(boolean isEnabled) {
        this.isEnabled = isEnabled;
    }

    /**
     * 标志位
     */
    private boolean isChecked = false;

    public boolean isChecked() {
        return isChecked;
    }

    public void setChecked(boolean is) {
        if (!isEnabled) {
            return;
        }

        isChecked = is;

        if (mCheckChangedListener != null) {
            mCheckChangedListener.onCheckedChanged(this, isChecked);
        }

        if (isChecked) {
            startCheckAnim();
        } else {
            startUnCheckAnim();
        }
    }

    public void toggle() {
        if(isEnabled()){
            isChecked = !isChecked;
            setChecked(isChecked);
        }
    }

    public PathCheckBoxView(Context context) {
        this(context, null);
    }

    public PathCheckBoxView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PathCheckBoxView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        this.setOnClickListener(this);
        setClickable(true);
    }

    @Override
    protected Parcelable onSaveInstanceState() {
        Bundle bundle = new Bundle();
        bundle.putParcelable(INSTANCE_STATUE, super.onSaveInstanceState());
        bundle.putBoolean(INSTANCE_CHECK, isChecked);
        bundle.putBoolean(INSTANCE_ENABLE, isEnabled);
        return bundle;
    }

    @Override
    protected void onRestoreInstanceState(Parcelable state) {
        if (state instanceof Bundle) {
            Bundle bundle = (Bundle) state;
            setEnabled(bundle.getBoolean(INSTANCE_ENABLE, true));
            setChecked(bundle.getBoolean(INSTANCE_CHECK, false));
            super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATUE));
        } else {
            super.onRestoreInstanceState(state);
        }
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if(asCheck!=null){
            asCheck.cancel();
        }
        if(asUnCheck!=null){
            asUnCheck.cancel();
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //当为wrapcontent时，将大小设置为默认大小。
        if(MeasureSpec.getMode(widthMeasureSpec)==MeasureSpec.AT_MOST||MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.AT_MOST){
            float scale = context.getResources().getDisplayMetrics().density;
            int sizePx = (int) (defaultSize * scale + 0.5f);
            setMeasuredDimension(
                    MeasureSpec.getMode(widthMeasureSpec)==MeasureSpec.AT_MOST?sizePx:MeasureSpec.getSize(widthMeasureSpec),
                    MeasureSpec.getMode(heightMeasureSpec)==MeasureSpec.AT_MOST?sizePx:MeasureSpec.getSize(heightMeasureSpec)
                    );
        }else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        if (changed) {
            initData(left, top, right, bottom);
        }
    }

    /**
     * 初始化具体数据
     *
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    private void initData(int left, int top, int right, int bottom) {

        //初始化画笔宽度
        int paintWidth = right - left - getPaddingLeft() - getPaddingRight();
        int paintHeight = bottom - top - getPaddingTop() - getPaddingBottom();
        int paintStroke = Math.min(paintWidth, paintHeight) / 10;//环宽度设为10分之一

        //重设padding，加上圆环的宽度,因为不设置，圆环一半会在view外
        setPadding(getPaddingLeft() + paintStroke / 2, getPaddingTop() + paintStroke / 2, getPaddingRight() + paintStroke / 2, getPaddingRight() + paintStroke / 2);

        //获取到圆环直径
        viewSize = Math.min(right - left - getPaddingLeft() - getPaddingRight(), bottom - top - getPaddingTop() - getPaddingBottom());

        //初始化背景 线 画笔
        mBackPathPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mBackPathPaint.setColor(Color.LTGRAY);
        mBackPathPaint.setStyle(Paint.Style.STROKE);
        mBackPathPaint.setStrokeWidth(paintStroke);
        mBackPathPaint.setStrokeCap(Paint.Cap.ROUND);
        mBackPathPaint.setStrokeJoin(Paint.Join.ROUND);

        //初始化前景 线 画笔
        mDstPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mDstPaint.setStyle(Paint.Style.STROKE);
        mDstPaint.setStrokeWidth(paintStroke);
        mDstPaint.setColor(Color.BLACK);
        mDstPaint.setStrokeCap(Paint.Cap.ROUND);
        mDstPaint.setStrokeJoin(Paint.Join.ROUND);

        //圆环路径
        mCirclePath = new Path();
        mCircleDst = new Path();

        //对号路径
        mCheckPath = new Path();
        mCheckDst = new Path();

        //pathmeasure
        measureCheck = new PathMeasure();
        measureCircle = new PathMeasure();


        //初始化背景线 路径.这里Direction可以决定动画时圆环的旋转方向
        mCirclePath.addCircle(viewSize / 2 + getPaddingLeft(), viewSize / 2 + getPaddingTop(), viewSize / 2, Path.Direction.CCW);

        //初始化对号背景线 路径（根据百分比画对号）
        float[] floats = new float[2];
        floats[0] = getPaddingLeft() + viewSize / 6;
        floats[1] = viewSize / 2 + getPaddingTop();
        mCheckPath.moveTo(floats[0], floats[1]);
        mCheckPath.lineTo(floats[0] + viewSize / 4, floats[1] + viewSize / 4);
        mCheckPath.lineTo(floats[0] + 4 * viewSize / 6, floats[1] - viewSize / 7);

        //初始化Circle的measure
        measureCircle.setPath(mCirclePath, false);
        lengthCircle = measureCircle.getLength();

        //初始化对号的measure
        measureCheck.setPath(mCheckPath, false);
        measureCheck.nextContour()
        lengthCheck = measureCheck.getLength();

        //设置线条渐变
        mDstPaint.setShader(
                mDstPaint.setShader(new SweepGradient(viewSize / 2 + getPaddingLeft(), viewSize / 2 + getPaddingTop(),
                        new int[]{Color.RED, Color.YELLOW, Color.GREEN, Color.BLUE, Color.RED}
                        , new float[]{0.1f, 0.3f, 0.5f, 0.7f, 0.9f}
                )));
    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画背景圆环
        canvas.drawPath(mCirclePath, mBackPathPaint);
        //画背景对号
        canvas.drawPath(mCheckPath, mBackPathPaint);

        mCircleDst.reset();
        mCircleDst.lineTo(0, 0);
        mCheckDst.reset();
        mCheckDst.lineTo(0, 0);

        //主角:根据动画进度和pathmeasure测量出的总长度,获取到当前应有长度,从0开始到应有长度.
        measureCircle.getSegment(0, lengthCircle * mPercentCircle, mCircleDst, true);
        measureCheck.getSegment(0, lengthCheck * mPercentCheck, mCheckDst, true);

        canvas.drawPath(mCheckDst, mDstPaint);
        canvas.drawPath(mCircleDst, mDstPaint);

    }


    /**
     * 开始未选中动画
     */
    private void startUnCheckAnim() {
        //圆圈不选中动画,这里选用mPercentCircle作为动画起始值,是为了快速勾选时动画不闪
        vaCircleUnCheck = ObjectAnimator.ofFloat(mPercentCircle, 0);
        vaCircleUnCheck.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mPercentCircle = (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        vaCircleUnCheck.setDuration(duration);

        //对号不选中动画
        vaCheckUnCheck = ObjectAnimator.ofFloat(mPercentCheck, 0);
        vaCheckUnCheck.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mPercentCheck = (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        vaCheckUnCheck.setDuration(duration);

        asUnCheck = new AnimatorSet();
        //这里顺序执行anim，保证先执行对号动画。
        asUnCheck.playSequentially(vaCheckUnCheck, vaCircleUnCheck);
        asUnCheck.setInterpolator(new AccelerateDecelerateInterpolator());

        if (asCheck != null && asCheck.isStarted()) {
            asCheck.cancel();
        }
        asUnCheck.start();
    }

    /**
     * 开始选中动画
     */
    private void startCheckAnim() {
        //圆圈选中动画,这里选用mPercentCircle作为动画起始值,是为了快速勾选时动画不闪.
        vaCircleCheck = ObjectAnimator.ofFloat(mPercentCircle, 1);
        vaCircleCheck.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mPercentCircle = (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        vaCircleCheck.setDuration(duration);

        //对号选中动画
        vaCheckCheck = ObjectAnimator.ofFloat(mPercentCheck, 1);
        vaCheckCheck.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mPercentCheck = (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        vaCheckCheck.setDuration(duration);

        asCheck = new AnimatorSet();
        asCheck.setInterpolator(new AccelerateDecelerateInterpolator());
        asCheck.playSequentially(vaCircleCheck, vaCheckCheck);
        if (asUnCheck != null && asUnCheck.isStarted()) {
            asUnCheck.cancel();
        }
        asCheck.start();
    }

    @Override
    public void onClick(View v) {
        if (mClickListener != null) {
            mClickListener.onClick(v);
        }
        toggle();
    }

    private OnClickListenerEx mClickListener;

    /**
     * 点击事件监听
     *
     * @param mListener
     */
    public void setOnClickListenerEx(OnClickListenerEx mListener) {
        this.mClickListener = mListener;
    }

    public interface OnClickListenerEx {
        void onClick(View v);
    }

    private OnCheckedChangeListener mCheckChangedListener;

    public void setOnCheckedChangeListener(OnCheckedChangeListener mListener) {
        this.mCheckChangedListener = mListener;
    }

    public interface OnCheckedChangeListener {
        void onCheckedChanged(View view, boolean isChecked);
    }

}
注意的地方就是使用此view的点击事件需要使用OnClickListenerEx。至于彩虹色，可以修改initData（）最后的shader。使用和CheckBox基本没有什么区别（貌似这个view中监听事件不能跟ButterKnife好好相处。。。哈）
主要
AimSunshine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用path制作各类型动画路径
04-04
使用path制作各类型动画路径
PathMeasure 轨迹动画神器 路径动画
chuyouyinghe的专栏
03-04 323
PathMeasure 轨迹动画神器 轨迹动画一般利用SVG来实现，或者使用属性动画，自定义估计值，根据两点之间的线性关系式计算坐标（复杂） 但是使用PathMeasure来进行绘制轨迹动画，so easy。 先看效果： 效果分析： 1、圆圈变成圆弧 2、圆弧不断的变小 实现 方式1：通过不断改变绘制圆弧的开始角度。 这个方法肯定是最先想到的方法， 因为api drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, b
利用PathMeasure实现路径动画
Huang兄
11-03 235
2019-01-04 21:47:21 文章目录PathMeasuregetLength()getSegment()路径加载动画山寨支付宝支付成功动画 我们可以利用路径动画实现很多好玩的东西，比如上面图中的类似支付宝支付完成的动画。 主要用到了PathMeasure,ValueAnumator这两个类 PathMeasure 类似于一个计算器，可以计算一些和路径相关的东西。 两种初始化方式： PathMeasure pathMeasure = new PathMeasure(); pathMeasure.
使用PathMeasure制作Loading动画
郑郑的博客
05-12 459
动画效果如下：   一、PathMeasure使用          PathMeasure类有两个构造方法，一个带参数，一个不带参数.          PathMeasure()          PathMeasure(Path path, boolean forceClosed)   官方解释如下：          Create a PathMeasure obj
PathMeasure 轨迹动画神器
lmj121212的专栏
05-25 2199
PathMeasure 轨迹动画神器 轨迹动画一般利用SVG来实现，或者使用属性动画，自定义估计值，根据两点之间的线性关系式计算坐标（复杂） 但是使用PathMeasure来进行绘制轨迹动画，so easy。 先看效果： 效果分析： 1、圆圈变成圆弧 2、圆弧不断的变小实现 方式1：通过不断改变绘制圆弧的开始角度。 这个方法肯定是最先想到的方法， 因为api drawA
CSS3实现自定义Checkbox动画特效代码
03-20
本教程将聚焦于如何利用CSS3实现自定义Checkbox动画特效，让网页元素更具交互性和吸引力。 首先，让我们理解Checkbox的基本概念。Checkbox是HTML中的一种表单元素，用于让用户在一组选项中选择多个选项。默认情况下...
Asp.net 中使用GridView控件实现Checkbox单选
10-19
在GridView控件中，第0列有放一个CheckBox控件，现想实现对CheckBox进行单选，怎么实现呢？下面小编通过本文给大家分享Asp.net 中使用GridView控件实现Checkbox单选功能，一起看看吧
实现checkbox动画切换状态
04-05
本篇文章将深入探讨如何实现一个自定义的Checkbox动画切换状态，基于作者lguipeng的开源项目AnimCheckBox。 首先，我们要了解Checkbox在Android中的基本用法。Checkbox是Android提供的一个复选框组件，用户可以通过...
javascript使用avalon绑定实现checkbox全选
10-24
checkbox全选应该是一个比较实用的前端技巧吧，很多时候我们都需要点击一个checkbox，然后将所有的复选框自动全部选中，一些CMS系统的后台中，使用本JS效果后，会大大增强了操作体验，那么究竟是如何实现这一功能的...
基于JS实现checkbox全选功能实例代码
10-21
最近做了个项目其中有这样的需求要求实现点击全选选中所有菜单，再次点击全选取消选中。下面小编给大家分享实现代码，对js实现checkbox全选功能感兴趣的朋友参考下吧
PathMeasure打造万能路径动效
07-26
假定我们现在是一个婚恋产品，有一个“心动”的功能，用户点击“心动”按钮的时候，有一个光点快速的沿着桃心转一圈，然后整个桃心泛起光晕！ 针对这个需求，很多人可能会想到以下方案： 不就一个光点沿着桃心跑一圈么，既然桃心是使用贝塞尔曲线画出来的，那么我们就可以用对应的函数模拟出这条曲线，然后算出对应位置上的点，不断将光点绘制到对应的位置上！ 这个思路当然没有问题，但我们还有相对简单的方式，那就是使用 PathMeasure; 使用PathMeasure打造万能路径动效
Android代码-漂亮动画效果的Checkbox
08-08
CircleCheckBox Screenshot： Attrs attr format checked boolean animation_duration integer tick_width dimension border_width dimension tick_color color border_color color background_color color Including in your project CircleCheckBox is available in the MavenCentral, so getting it as simple as adding it as a dependencycompile 'com.uniquestudio:checkbox:1.0.10' Usage checkBox = (CircleCheckBox) findViewById(R.id.circle_check_box); checkBox.setListener(new CircleCheckBox.On
PathMeasure 实现加载动画
weixin_43800535的博客
02-15 372
PathMeasure 实现加载动画
PathMeasure 仿支付宝支付动画
Star的博客
07-01 463
前言在 Android 自定义 View 中，Path 可能用的比较多，PathMeasure 可能用的比较少，就我而言，以前也没有使用过 PathMeasure 这个 api,看到别人用 PathMeasure 和 ValueAnimator 结合在一起完成了很好的动画效果，于是我也学习下 PathMeasure ，此处记录下。PathMeasure构造器： 方法名 含义 PathMea
Android使用PathMeasure实现加载动画
SKY_L的博客
01-17 680
Android使用PathMeasure实现加载动画
安卓开发之使用PathMeasure自定义加载动画控件
cxmscb的博客
10-01 1223
先上效果图：一、PathMeasure在绘制画布时，我们通常会使用Path对象来勾勒出绘制的路径，而PathMeasure可以让我们得到路径上的一些信息，比如获取路径上点的坐标，截取路径上的某一段小路径等。。它主要有既个方法： setPath(Path path, boolean forceClosed);与一个Path对象绑定，forceClose为true时，不管关联的Path是否是闭合的，都会
Android - ValueAnimator+PathMeasure实现支付宝支付动画
ListerCi的博客
06-13 489
一、效果展示 动画分为三种状态：Loading、Success、Fail，可以点击按钮切换状态。 加载后成功的效果如下所示。 加载后失败的效果如下所示。 二、前置知识 1. ValueAnimator ValueAnimator是属性动画的一种，它不直接改变View的属性，而是不断生成一个代表动画进度的值，用户通过该值改变View的某些属性达到动画的效果。ValueAnimator基本的用法如...
PathMeasure
BoyiKia的博客
03-12 180
目录 API 总结： 简单函数： PathMeasure(Path originalPath,boolean forceClosed); getLength() isClosed() nextContour() 重要函数（动画需要使用） getSegment(float startD,float stopD,...
使用DashPathEffect绘制一条动画曲线
Data的博客
03-22 1236
引言 以前在做曲线图的时候，一直想实现曲线动态绘制的效果。类似于js图表库中的效果：http://www.highcharts.com/demo/spline-symbols 那个时候没有安卓中没有任何一个原声的图表库实现了这种效果。不管是aChartEngine，还是后来的MPAndroidChart，HelloCharts都没有在曲线图方面做到很好的展示效果。 HelloCharts以及
使用checkbox实现点击确定功能代码
最新发布
06-09
假设你已经在HTML页面中创建了一个checkbox和一个确定按钮，那么可以使用以下JavaScript代码来实现点击确定按钮时如果checkbox被选中，则弹出提示框，否则不作任何操作： ```javascript // 获取checkbox和确定按钮...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值