2024年11月24日

HTML5练习，实现全选按钮，及统计所选择商品的总价并输出

html5实现全选按钮，及统计所选择商品的总价并输出

现有一个商品选择列表（复选框），HTML代码及效果如下：

<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
</head>
 
<body>
    <div>商品列表</div>
    <input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
    <input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
    <input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
    <input type="checkbox" name="all" οnclick="checkAll(this)" />全选<br/>
    <input type="button" value="总金额:" οnclick="getSum()" /><span id="sumid"></span>
</body>
</html>

2024年11月24日

Layui表单自定义checkbox和radio验证

Layui是一个非常好的开源开发框架。内置了很多丰富的功能，但是也有一些功能还是需要我们自己来写的。

比如，在进行表单验证的时候，有时会要求在一开始不对checkbox或radio设置任何状态，也就是说它们的默认状态是未选中，但是又需要我们在提交表单时去验证它们是否被选中，可是Layui又没有提供这一功能，那么我们该怎么办呢？

这时，我们只需要扩展一下，自定义验证来实现这一需求。

话不多说，上代码：

2024年11月24日

HTML-注册页面 212

使用table布局和表单元素编写一个注册页面

1)注册页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>注册登录页面</title>
</head>
<body>
    <form action="http://www.bd.com/register.aspx" method="get">
        <table cellpadding="5" cellspacing="0" width="380" height="300">
            <tr>
                <td>用户名:</td>
                <td><input name="txtName" /></td>
            </tr>
            <tr>
                <td>密 码:</td>
                <td><input type="password" name="txtPwd" /></td>
            </tr>
            <tr>
                <td>选择省:</td>
                <td>
                    <select name="SS">
                        <option value="HN" selected="selected">河南</option>
                        <option value="HB">河北</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>性 别:</td>
                <td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
            </tr>
            <tr>
                <td colspan="2">
                    <fieldset>
                        <legend>兴趣爱好</legend>
                        <input name="interest" type="checkbox" value="ppq" />乒乓球
                        <input name="interest" type="checkbox" checked="checked" value="ts" />跳水
                        <input name="interest" type="checkbox" value="pq" />排球
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <h3>注册免责协议</h3>
                    <textarea cols="50" rows="3" readonly="readonly">  **提醒您：在使用**搜索引擎（以下简称**）前，请您务必仔细阅读并透彻理解本声明。您可以选择不使用**，但如果您使用**，您的使用行为将被视为对本声明全部内容的认可。
                            鉴于**以非人工检索方式、根据您键入的关键字自动生成到第三方网页的链接，除**注明之服务条款外，其他一切因使用**而可能遭致的意外、疏忽、侵权及其造成的损失（包括因下载被搜索链接到的第三方网站内容而感染电脑病毒），**对其概不负责，亦不承担任何法律责任。
                            任何通过使用**而搜索链接到的第三方网页均系他人制作或提供，您可能从该第三方网页上获得资讯及享用服务，**对其合法性概不负责，亦不承担任何法律责任。
                            **搜索结果根据您键入的关键字自动搜索获得并生成，不代表**赞成被搜索链接到的第三方网页上的内容或立场。
                            您应该对使用搜索引擎的结果自行承担风险。**不做任何形式的保证：不保证搜索结果满足您的要求，不保证搜索服务不中断，不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用**，**不承担任何法律责任。
                    </textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <input type="submit" value="注册" />      
                    <input type="reset" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

2024年11月24日

踏上编程之路的必经之路之html篇七

开局一张图

2024年11月24日

js之document.getElementsByTagName实现复选框全选和全不选

在上一篇的document.getElementsByName实现复选框的小分享中呢，有的盆友就提出了得用getElementsByTag。其实啊这两个方法都是可以用的，都可以实现复选框的全选和全不选的功能，但是两者是截然不同的两组方法

前一个getElementsByName是根据标签的name属性来找对象的它返回的是一组具有相同name属性的一组集合

后一个getElementsByTagName呢是根据标签名称来找对象的它返回的同样是一组对象，但是这组对象呢是相同的一组标签的对象集合。

2024年11月24日

另类CSS学习方式:有趣的CSS游戏教你编程

点击右上方红色按钮关注“web秀”，让你真正秀起来

前言

css的属性是非常的多，如果全靠大脑来记，相信没有几位能够做到，只能通过反复编写，增加熟练度，知道有哪些属性，然后根据编辑器或者浏览器等工具提示，得心应手的完成样式开发。

比如，flex布局。flex的属性justify-content就有12个以上的不同值，必须阅读flexbox的完整指南，才能了解他们各自的作用，但是文档就有几页内容，看起来非常的枯燥乏味。

2024年11月24日

jquery复选框全选反选简易插件，超好用

切图的时候经常会遇到一些表单的处理，比如全选、反选的效果，切图网在做的时候通常会把这些效果做好，效果并不算复杂，完全可以手写，但是遇到次数多了有必要形成一个有效的方法，方便以后快速套用。

2024年11月24日

30. 教你零基础搭建小程序:小程序的常见组件—复选框

筒子们，you 来了

checkbox复选框与上一章讲的radio 单选框的属性相似，表现在：

1、可以通过color属性来修改颜色；
2、需搭配checkbox-group 一起使用。

checkbox复选框与radio 单选框不同的地方在于：

2024年11月24日

HTML radio页面控件获取checked值

使用场景：

今天ERP页面上有个功能的小改动，主要是业务人员提出来，需要把原来的CheckBox(即原来的复选框）功能

改为用单选框，主要原因是希望，当业务人员没有点击“是”或“否”时，提示她要选择。

因此，这里需要作一些判断：

1.如果客人没有点选时，提示信息，并return;

2024年11月24日

你不知道的css小技巧

提示：点击上方"蓝色字体"↑ 可订阅！

关于我们 51RGB官方微信

CSS中的级联(cascade)在同一时间可谓是幸福的，也可以说是痛苦不堪的。通常能工作得非常好，但有问题的时候，也让人们都很激动，甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。不是说碰到特殊问题才显得困难，可以说CSS的困难无处不在。

在这篇文章中，我将通过一些示例来向大家展示一些CSS的小技巧，让你知道如何使用CSS的级联能变得更友好，也减少一些不必要的需求，从而也减少权重上遇到的麻烦。

<< < 534 535 536 537 538 539 540 541 542 543 > >>

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML5练习，实现全选按钮，及统计所选择商品的总价并输出

Layui表单自定义checkbox和radio验证

HTML-注册页面 212

踏上编程之路的必经之路之html篇七

js之document.getElementsByTagName实现复选框全选和全不选

另类CSS学习方式:有趣的CSS游戏教你编程

前言

jquery复选框全选反选简易插件，超好用

30. 教你零基础搭建小程序:小程序的常见组件—复选框

HTML radio页面控件获取checked值

你不知道的css小技巧