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

最新推荐文章于 2022-02-11 20:57:05 发布

hsg77

最新推荐文章于 2022-02-11 20:57:05 发布

阅读量3k

点赞数

分类专栏：开发语言 Javascript Web开发

本文链接：https://blog.csdn.net/hsg77/article/details/48546269

版权

开发语言 Javascript 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

Web开发

50 篇文章 1 订阅

订阅专栏

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="#" οnclick="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>