我正在使用https://www.codeply.com/go/bp/K3nDDRQGRd 中的按鈕，但它看起來不像那里。
我的外觀截圖
我認為保存的更改與 css 沖突。我怎樣才能防止這種情況？
除此之外，我無法同時選擇頂部按鈕的選項和底部按鈕的選項。如果你能因為 js 或 css 沖突而幫助我，我會很高興。
@Html.Label("Status")
</br>
<div class="btn-group btn-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" class="message_pri" name="options" value="1"> 1
</label>
<label class="btn btn-default">
<input type="radio" class="message_pri" name="options" value="0" checked=""> 0
</label>
</div>
</br>
@Html.Label("Anasayfada g?rünsün mü?")
</br>
<div data-toggle="buttons">
<label >
<input type="radio" name="options" value="True"> True
</label>
<label >
<input type="radio" name="options" value="False" checked=""> False
</label>
</div>
<div >
<button onclick="Tabloyaekle()">Save changes</button>
<button type="button" data-dismiss="modal">Close</button>
</div>
第二個問題我想將 True False 值發送到資料庫。我應該發送其他東西而不是價值嗎？
uj5u.com熱心網友回復：
如果您使用的是引導程式，那么您不需要使用任何額外的 js 和 css
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA 058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Button Group</title>
</head>
<body>
Status<br />
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option1" autocomplete="off" checked> 1
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2" autocomplete="off"> 0
</label>
</div>
<br /><br />
Anasayfada g?rünsün mü?<br />
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option1" autocomplete="off" checked> True
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2" autocomplete="off"> False
</label>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5 76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/378976.html
標籤：javascript css 阿贾克斯
上一篇：ejs從特定id列印陣列的值