更改事件问题上的jQuery输入元素 - 多个属性类

时间:2017-12-11 16:16:51

标签: javascript jquery html

我目前正努力尝试在我的代码中的一个无线电元素中触发jQuery onchange事件:

<input class="flat ValidWarranty" id="ValidWarranty" name="ValidWarranty" 
type="radio" value="Yes" style="position: absolute; opacity: 0;">

我使用的是具有多个属性类的元素(&#34; flat ValidWarranty&#34;)并且只有在我只指定一个属性并删除另一个属性时才有效:

$(document).on('change', '[class=flat]', function () {

但是我想保留这两个属性,因为我会在同一页面中与其他共享&#34; flat&#34;的其他输入元素进行不同的验证。类。

是否有可能在jQuery上做类似的事情:

$(document).on('change', '[class=flat ValidWarranty]', function () {

谢谢

2 个答案:

答案 0 :(得分:2)

你可以试试这个:

$(document).on('change', '.flat.ValidWarranty', function () {

将这些类与.一起编写,并且它们之间没有空格。

答案 1 :(得分:1)

对类使用属性选择器是没有意义的。

但如果你真的想,你需要使用引号,因为空格。

&#13;
&#13;
$('[class="flat ValidWarranty"]').css("color", "green")
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<duv class="flat ValidWarranty">foo</div>
&#13;
&#13;
&#13;

如果它应该是一个或另一个,那么你将使用多个选择器

&#13;
&#13;
$('[class="flat"],[class="ValidWarranty"]').css("color", "green")
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<duv class="flat">foo</div>
<duv class="ValidWarranty">foo</div>
&#13;
&#13;
&#13;

但你真的应该使用类选择器而不是属性扇区。

".flat"".flat.ValidWarranty"