您的位置:首页 > Web前端 > JQuery

jquery扩展的radio和checkbox前端调用方法

2015-09-18 14:32 701 查看
jquery扩展的radio和checkbox前端调用方法

<p>单选框</p>
<div class="easyui-radio" id="div_radio" name="div_radio" tabindex="999">
<input type="radio" name="question" value="1" checked  label="男"/>
<input type="radio" name="question" value="2"  label="女"/>
<p>
<div id="div_oui2">
<input type="radio" name="question" value="0"  label="人妖"/>
</div>
</p>
</div>
<p>复选框</p>
<div class="easyui-checkbox" id="div_checkbox" name="div_checkbox" tabindex="999">
<input type="checkbox" name="question2" value="1" checked label="oui1"/>
<input type="checkbox" name="question2" value="2"  label="oui2"/>
<input type="checkbox" name="question2" value="3" checked label="oui3"/>
</div>
<input type="checkbox" name="question2" value="oui4" checked label="oui4"/>
<a href="#" onclick="js_test()">测试</a>

<input  class="easyui-my97" type="text">

<%-- <div class="easyui-fullCalendar" style="left:200px;top:200px:width:300px;height:300px"></div>--%>
</div>
<script type="text/javascript">

function js_test() {
//var jqObj = $('#div_radio');
//var cc=$("input:radio", jqObj);
//alert(cc.length);
//var val = jqObj.radio('getValue');  //??
//val.question;
//alert(val.question);
//测试对象级扩展函数的测试
//var val = jqObj.getValue();//.radio('value');
//alert(val);
//jqObj.setValue('0');
//测试全局类级别扩展函数的测试
//var r = $.wfapi_addNum(3.5, 5);
//alert(r);
//r = $.wfapi_subNum(5, 2.4);
//alert(r);
var jqObj_c = $('#div_checkbox');
var val = jqObj_c.getCheckboxValue();
//
alert(val);
jqObj_c.setCheckboxValue('1;2');
}
//
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: