给html元素添加自定义属性,并且用jquery进行筛选

例如有多个div,想要实现类似radio的效果。

<div name="teacher" selected="selected">tch1</div>

<div name="teacher">tch1</div>

<div name="teacher">tch1</div>

<div name="student">stu1</div>

<input text="tch1" id="txtSelectValue"/>

可以通过添加自定义属性"selected",通过jquery实现同一name下的只有一个div拥有selected="selected" 。然后就可以通过selected属性来找到选中的div了。

        $(document).ready(function () {

            $("div[name=teacher]").click(function () {

                $(this).addClass("selected").attr("selected", "selected").siblings("div[name=teacher]").removeAttr("selected").removeClass("selected");

                $("#txtSelectValue").val($(this).html());

                // 或者 $("#txtSelectValue").val($("div[name=teacher][selected=selected]").html());

            });

        });

原文地址:https://www.cnblogs.com/zhoushiya/p/12107331.html