首页 建站教程 WEB前端 正文

点击表格中的tr选中里面的radio点选按钮

<script src="http://buy.ems.com.cn/transport/views/static/jscript/jquery-1.8.2.min.js"></script> <script> $(function(){ $(".trRadio table")...
<script src="http://buy.ems.com.cn/transport/views/static/jscript/Jquery-1.8.2.min.js"></script>
<script>
$(function(){
$(".trRadio table").on("click", "tr",function(){
    var input = $(this).find("input");
        var input = $(this).find("input");
            //alert($(input).attr("checked"));
            if (!$(input).attr("checked")) {
                $(input).attr("checked",true);
            }else{
                 $(input).attr("checked",false);
            }
})
$(".trRadio table").on("click", "input", function (event){
    event.stopImmediatePropagation();
    })
})
</script>
<style>
.tablebox table th,.tablebox table td{padding: 0 5px;line-height: 32px;}
.tablebox table th{border-bottom: 1px solid #999;color: #333;font-weight: normal;text-align: left;}
.tablebox table td{border-bottom: 1px solid #ddd;}
.tablebox table td input{width: auto;}
</style>
<div class="tablebox trRadio">
                    <table cellspacing="0" cellpadding="0" border="0">
                        <thead>
                        <tr>
                            <th class="chooes">选择</th><th>公司名</th><th>姓名</th><th>联系电话</th><th>电子邮箱地址</th><th class="address">详细地址</th><th>邮编</th><th>城市</th><th>省份</th><th>国家</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="radio" name="mycheck" /> 1</td>
                                <td>AAAAAAA</td><td>David</td><td>07281929</td><td></td><td>401 MARSH LN STE 10  NEWPOR</td><td>123123</td><td>NEWPORT</td><td>Delaware</td><td>US</td>
                            </tr>
                            <tr>
                                <td><input type="radio" name="mycheck" /> 1</td>
                                <td>AAAAAAA</td><td>David</td><td>07281929</td><td></td><td>401 MARSH LN STE 10  NEWPOR</td><td>123123</td><td>NEWPORT</td><td>Delaware</td><td>US</td>
                            </tr>
                        </tbody>
                    </table>
                </div>


打赏
海报

本文由优美主题原创或收集发布

转载请注明本文地址:http://www.umtheme.com/web/33.html

相关推荐

如何通过css3给自己网站logo添加闪光效果

如何通过css3给自己网站logo添加闪光效果

通过css3给自己网站logo添加闪光效果,感觉效果还不错,可以提升用户对网站或企业的品牌印象。具体实现方法如下:找到自己网站logo外面层的盒子(元素),并给该元素添加以下css代码/*首先我们需...

WEB前端 2021.01.14 0 226

纯css简单实现角标样式

纯css简单实现角标样式

纯css实现角标效果,通常在置顶,推荐,热门等需要特殊标注的场景中可以应用到,这里主要用到transform:rotate(-30deg...

WEB前端 2020.10.16 0 648

如何在html页面中通过css隐藏元素

在平常的页面布局中,我们经常会遇到将某个模块隐藏,而实现不同的页面布局或js交互效果,尤其是在响应式布局中比较常见,下面我们整理了一些关于实现隐藏页面元素的多种方法以及各种方法不同的特点(如:是否占据...

WEB前端 2020.09.18 0 343

web前端写html页面div+css命名规范

web前端写html页面div+css命名规范

使用良好的CSS书写规范来写CSS代码,既能最大化优化前端代码,提升代码阅读体验,更重要的是为以后维护带来方便。常用的CSS命名一般由小...

WEB前端 2020.09.08 0 369

发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi

感谢您的支持