手机版

是否基于jQuery选中复选框提示答案

时间:2021-09-20 来源:互联网 编辑:宝哥软件园 浏览:

最近是项目需求中遇到的一个功能点,根据用户选择的选项给出相应的提示。下面是测试程序的效果图,看看是否令人满意。如果觉得还不错,请继续查看全文。

一、实施原则:

第一步:确定用户选择了哪一项,即选中了哪一个复选框。

第二步:根据复选框的选择给出相应的提示。

其次,看看下面的主程序:

!DOCTYPE html html head meta charset=' utf-8 '/title/title/head body input Type=' checkbox ' id=' checkbox 01 '/A br/input Type=' checkbox 02 '/B br/input Type=' checkbox ' id=' checkbox 03 '/C br/input Type=' checkbox ' id=' checkbox 04 '/D br/Type=' button ' id=' button ' value=' submit '/H4表示此问题为单选题,且可以看出我假设这个问题是单选题,正确答案是a,于是我开始和JQ一起实施~ ~ ~。

Iii .jQuery程序。

$(function(){//假设正确答案是一个$ ('# button ')。单击(function () {if ($ ('input '))。过滤器(' :已检查')。length==0) {alert('请选择一个选项并再次提交');}elsif($('#checkbox01 ')。过滤器(' :checked ')。长度!=0 $ ('# checkbox02 ')。过滤器(' :checked ')。length==0 $ ('# checkbox03 ')。过滤器(' :checked ')。length==0 $ ('# checkbox04 ')。过滤器(' 3333。)}else{alert('您选择的答案是错误的!)}})}我之前在网上看了很多程序,经过测试,大部分都没用。估计jquery版本更新淘汰了很多程序。谁知道,用$ ('# ID ')就可以了。过滤器(' :已检查')。length==0判断选择和测试哪个选项~ ~ ~如果有其他方法。

以上代码基于是否选中了jQuery复选框来提示答案。希望大家喜欢。

版权声明:是否基于jQuery选中复选框提示答案是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。