js点击问题,显示答案

JavaScript017

js点击问题,显示答案,第1张

Xhtml Code:

<ul id="ulquestion">

<li>问题1:问题问题问题问题问题问题问题

<input type="button" value="问题提示" />

<div>问题提示问题提示问题提示问题提示</div>

</li>

<li>问题2:问题问题问题问题问题问题问题

<input type="button" value="问题提示" />

<div>问题提示问题提示问题提示问题提示</div>

</li>

</ul>

jQuery COde:

$('#ulquestion li div').hide()

$('#ulquestion li input').click(function(){

var ss = $(this).siblings().css('display')

if( ss == 'none'){

$(this).siblings().show()

}else{

$(this).siblings().hide()

}

})

这样就可以了,点击按钮,显示该题正确答案相关的提示信息,再次点击,则隐藏。

功能的实现就是这样了,样式可以根据需求进一步美化。

<dl>

        <dt>1.选择一个偶数</dt>

        <dd>

            <label><input type="radio" name="radio" value="1">A.1</label>

            <label><input type="radio" name="radio" value="3">A.3</label>

            <label><input type="radio" name="radio" value="2">A.2</label>

            <label><input type="radio" name="radio" value="5">A.5</label>

        </dd>

        <a href="javascript:" class="formBtn">提交</a>

</dl>

<script type="text/javascript">

    document.getElementsByClassName('formBtn')[0].onclick = function(){

        var radio = document.getElementsByName('radio'),vals=null

        for(var i=0i<radio.lengthi++){

            if(radio[i].checked){

                vals=radio[i].value

                (radio[i].value%2==0)? alert('正确'):alert('错误')

            }

        }  

        if(vals==null){

            alert('请选择答案后再提交')

        }  

    }

</script>

JS和HTML都是网页的格式文件,HTML是一种使用标准确无误语言编写的网页,JS是使用高级语言,广义的网页语言也有AJAX、JS、XML、ASP、PHP等 JS只是其中的一种.HTML转JS文件的软件即将普通语言做成的网页,在不改变页面内容等情况下,使用JS语言对内部进行重新组织,重新显示出同样的效果. JS对网页制作要求高于HTML语言. 扩展名为js的文件,是用javascript脚本语言编写的。 js文件常见的有两种用法。 1.在网页里使用:一般不能直接打开,只有配合网页使用,如果是想破解某网站的在线电影等,仅从js文件入手可能性不大,建议使用专门的抓取工具,如wpe,抓取网络封包,再对封包分析,js可以使用记事本编辑。 2.在单机使用,一般可以用来做为一个可执行程序直接双击就可以运行,当然前提是计算机没有安装网页设计软件。