测试多种js在一个页面的兼容性
作者:网络转载 发布时间:[ 2014/3/4 11:34:04 ] 推荐标签:测试 兼容性 页面
<span class="STYLE2">radio:</span><br>
第一组:<br>
<input type="radio" class="myRadio" value="1" id="myRadio" name="radio" data-color="green"/>
<input type="radio" class="myRadio" value="2" id="myRadio" name="radio" data-color="red"/>
<br>第二组:<br>
<input type="radio" class="myRadio" value="1" id="myRadio2" name="radio2" data-color="green"/>
<input type="radio" class="myRadio" value="2" id="myRadio2" name="radio2" data-color="red"/>
<script>
$().ready(function(){
$('input.myClass').prettyCheckable({
color: 'red'
});
$('input.myRadio').prettyCheckable({
color: 'red'
});
});
</script>
<br><br><br>
<span class="STYLE3">三、select(select2) </span><br>
<span class="STYLE2">js:</span><br>
jquery-2.0.3.min.js<br>
select2.js<br>
<span class="STYLE2">css:</span><br>
select2.css<br>
<br>
<br>
<span class="STYLE2">select2多选下拉: </span><br>
<select class="multipleSelect" multiple style="width:300px">
<option value="1">Mustard</option>
<option value="2">Ketchup</option>
<option value="3">Relish</option>
</select>
<br>
<br>
<select class="multipleSelect" multiple style="width:300px">
<option value="1">Mustard2</option>
<option value="2">Ketchup2</option>
<option value="3">Relish2</option>
</select>
<br>
<script type="text/javascript">
$('select.multipleSelect').select2();
</script>
<br>
<br>
<span class="STYLE2">select2单选下拉: </span><br>
<select id="e1" style="width:300px" class="mySingleSelect">
<option ></option>
<optgroup label="第一组">
<option value="1">11111111111111</option>
<option value="2">22222222222222</option>
</optgroup>
<optgroup label="第二组">
<option value="3">33333333333333</option>
<option value="4">44444444444444</option>
</optgroup>
<select>
<br><br>
<select id="e1" style="width:300px" class="mySingleSelect">
<option ></option>
<optgroup label="第三组">
<option value="1">55555555555555</option>
<option value="2">66666666666666</option>
</optgroup>
<optgroup label="第四组">
<option value="3">77777777777777</option>
<option value="4">88888888888888</option>
</optgroup>
<select>
<script>
$(document).ready(function() { $("select.mySingleSelect").select2({
placeholder: "Select a State",
allowClear: true
}); });
</script>
<br>
<br>
</body>
</html>
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11