js中,單選按鈕radio的使用


(1)在html中,代碼如下:(解析:一行"row"為col-xs-12)

<label class="bg-info">公開方式</label>
<input id="isOpen" class="form-control formValue" value="" style="display: none;">
<div class="row">
    <div class="col-xs-6">
         <input type="radio" value="open" id="open">公開
     </div>
     <div class="col-xs-6">
         <input type="radio" value="private" id="private" >私密
     </div>
</div>

(2)在js中,實現單選按鈕操作:

$("#open").click(function() {
    $("#isOpen").val($("#open").val());
    $("#private").attr("checked", false);
});
$("#private").click(function() {
   $("#isOpen").val($("#private").val());
   $("#open").attr("checked", false);
});

如果對單選按鈕初始化復制操作:$("#open").attr("checked", true);

或者:$(":radio[value=" +degree+ "]").attr("checked","checked");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM